나는 블러 링의 양이 다른 three.js에서 여러 개의 메시를 흐리게하려고합니다. 예제에 사용 된 HorizontalBlurShader 및 VerticalBlurShader를 사용하는 EffectComposer가 있습니다. 이 일에 대해 어떻게 생각하는지에 대한 아이디어가 있습니까? 여러 장면을 사용합니까? 대상에 렌더링하거나 화면에 직접 렌더링합니까?Three.JS - 다른 객체의 다른 쉐이더
그 중 하나처럼 들리 겠지만 은 종류에 따라 다릅니다.
달성하려는 효과는 무엇입니까? 도형에 관심이 있습니까? 교차하면 어떻게 흐리게 될까요?
마음에 오는 첫 번째 생각은 내가 Photoshop에서 어떻게 할 것인가입니다. 각 모양을 자체 레이어에 배치하고 각 레이어에 흐림 필터를 적용합니다. 이는 3 개의 .js에서 모양 당 하나의 장면을 만들고 각 모양을 렌더링 대상으로 그 대상을 흐리게 처리 한 다음 해당 대상을 캔버스 (또는 또 다른 대상)로 그립니다. 한 번에 3 차원 도형을 2 차원 텍스처로 효과적으로 렌더링하고 텍스처를 흐리게 처리 한 다음 각 텍스처를 그립니다. 포토샵에서 각 레이어를 자체 레이어에 넣고 각 레이어에 다른 흐림 효과를 적용한 경우와 동일한 모양을 제공합니다.
그게 바로 제가 한 일입니다. 까다로운 부분은 패스를 "취소"해야 할 때와 통과하지 않을 때를 결정하는 것이 었습니다. 어떤 이유로 renderer.clearTarget이 나에게 적합하지 않았기 때문에 작곡가를 통해 마지막으로 렌더링 패스를 선택적으로 활성화해야만했습니다. 그렇지 않으면 논스톱 부가 효과를 얻을 수있었습니다. – overgroove