Three.js에서 Framebuffer 객체 (FBO)를 처리하는 방법이 있습니까?

Question

저는 Three.js를 사용하면서 텍스처 a.k.a., 프레임 버퍼 객체 (FBO 's)를 사용하여 GPU에서 위치 값을 조작하는 방법을 배우고 있습니다. 나는이 question을 시작 장소로 사용했으며 example은 @mrdoob과 @ zz85에 의해 작성되었으며 old thread입니다.

그러나 예는 상당히 오래된 것입니다 (예 : three.js rev.55와 현재 rev.80을 비교). 따라서 상당한 수의 수정과 코드 작업이 필요합니다. 너무 깊숙이 들어가기 전에 잠깐 멈춰서 FBO를 처리하는 방법이 이미 Three.js 코드베이스에 기록되었는지 또는 어딘가에서 업데이트 된 스크립트를 간과했는지 묻고 싶었습니다. 감사!

그렇지 않다면, 나는 아주 잘하고 아마 일반적으로 유용한 결과를 게시 할 것입니다.

Answer 1

FBO (Frame Buffer Objects)를 처리하여 GPU를 사용하여 위치 데이터를 변경하는 등의 작업을 수행하는 방법이 Three.js에서 발견되었습니다. THREE.GPUComputationRenderer이라고합니다. 많은 수의 변수를 최종 쉐이더에서 사용할 텍스처로 렌더링하여 전달하는 방법을 보여주는 훌륭한 새 무리 예제가 있습니다 (here).