작업 방식
Three.js Post-Processing는 렌더링된 장면을 변환하는 EffectComposer와 패스를 다룹니다. 예로는 글로우, 안티앨리어싱, 앰비언트 오클루전, 피사계 심도, 아웃라인, 컬러 그레이딩, 커스텀 스크린 스페이스 셰이더가 있습니다.
머티리얼 작업과의 차이는 범위입니다. 후처리는 렌더링된 이미지에 적용되며 전체 구도에 영향을 줄 수 있습니다. 패스 순서, 타깃 해상도, 리사이즈 처리, 효과를 적용하지 않은 장면과의 비교를 구현 계획에 포함해야 합니다. 예제의 생성자와 렌더러 지원 여부는 사용 전에 설치된 Three.js 릴리스에서 확인하세요.
예상 결과물
- 순서가 정해진 컴포저 패스 체인
- 시각적 목적에 맞춘 효과 설정
- 리사이즈 처리와 효과 비용 비교
브리프에서 검토까지
- 01의도 정하기
무엇을 빛나게 할지, 초점을 유지할지, 강조할지 명시하세요.
- 02패스 구성
장면 렌더에서 시작해 의도한 처리에 필요한 패스만 추가하세요.
- 03비교 및 프로파일링
효과가 없는 화면, 리사이즈된 출력, 목표 해상도에서의 렌더링 비용을 확인하세요.