[3D] Postprocessing(후처리)

jini.choi·2024년 5월 2일

3D(R3F)

목록 보기
8/10

개념

  • 랜더링된 결과에 어떤 추가적인 효과를 적용하는 것

  • R3F에서 제공하는 Postprocessing에 대한 내용
    https://docs.pmnd.rs/react-postprocessing/effect-composer

    • EffectComposer는 효과를 구성하고 적용하는 컴포넌트
    • SELECTION, EFFECTS에 있는 것들은 제공하는 효과 컴포넌트들
    • 효과 컴포넌트들을 EffectComposer의 자식 컴포넌트로 추가해서 다양한 효과를 구상할 수 있다.
  • postprocessing 설치

npm i @react-three/postprocessing
  • Postprocessing를 지정하기 위해서는 EffectComposer가 필요하다.
    • 자식안에 효과컴포넌트를 불러옴
<EffectComposer></EffectComposer>

이 글은 아래 유투브 강의를 듣고 작성한 글 입니다.
https://www.youtube.com/watch?v=0jnGlLb_z7w&list=PLe6NQuuFBu7HUeJkowKRkLWwkdOlhwrje&index=4

profile
개발짜🏃‍♀️

0개의 댓글