휴먼 디자인 프로젝트 스터디 자료

1. Post Effect(Processing)
NHN NEXT 이선협

2. Post Effect란?
 해당 장면에 대한 후처리
 게임 화면을 좀 더 다양하게 표현 가능하다.
 Post Processing이라고도 한다.

3. 백문이 불여일견
百聞不如一見

4. 이런 평범한 화면이...

5. 이렇게 멋지게(?) 재탄생!

6. 직접 해봅시다

7. 테스트 툴 다운로드
 StudioPostEffect
 https://sites.google.com/site/studioposteffect/
 PostEffect 테스트 툴
 간단하게 클릭만으로 테스트 가능
 단순 PostEffect뿐만 아닌 다양한 상황 연출 가능
 버그가 좀 많다.

8. 이놈이 테스트 툴 입니다.

9. 테스트 해봅시다!
 새 프로젝트 생성
 새로운 Compositions 생성
 fx파일을 생성하자
 드래그 앤 드랍 혹은 우 클릭을 통해 다양한 조합을 통해 PostEffect를 구현할 수 있다.

10. 일단 씬을 생성하자

11. 일단 씬을 생성하자 만들어둔 fx 파일 삽입

12. 일단 씬을 생성하자 만들어둔 fx 파일 삽입 Input과 Output을 연결

13. 일단 씬을 생성하자 만들어둔 fx 파일 삽입 Input과 Output을 연결
아직은 변화가 없다

14. 더블 클릭하여 쉐이더를 수정하자

15. 더블 클릭하여 쉐이더를 수정하자
간단한 코드 삽입

16. 간단한 코드 삽입
더블 클릭하여 쉐이더를 수정하자
즉시 반영되는 쉐이더 코드

17. 외부 변수를 이용해봅시다

18. 새로운 fx를 생성하자

19. 새로운 fx를 생성하자 코드를 다음과 같이 수정

20. 새로운 fx를 생성하자 코드를 다음과 같이 수정
Test의 Output을 Test2의 Input으로 넘겨준다

21. 새로운 fx를 생성하자 코드를 다음과 같이 수정
Test의 Output을 Test2의 Input으로 넘겨준다
PostEffect -> PostEffect
즉 두 번 처리된다

22. 새로운 fx를 생성하자 코드를 다음과 같이 수정
Test의 Output을 Test2의 Input으로 넘겨준다
PostEffect -> PostEffect
즉 두 번 처리된다
외부 변수를 조작 가능

23. 감사합니다