Three.js: 사용자 정의 클립 평면

renderer.context WebGL 컨텍스트를 얻을 수 있어야합니다.
거기에서 그것은 당신과 WebGL 사양에 달려 있습니다 :)

최근에 three.js에 반사 평면 (일명 '거울': smile :)을 구현하는 동안 동일한 문제가 발생했습니다.
내가 아는 한, 적어도 당신이 설명한 '간단한'openGL 방식으로는 WebGL로 사용자 정의 클리핑 평면을 가질 수 없습니다.
트릭은 "Oblique View Frustum"방법을 사용하는 것입니다.이 방법은이 문서에서 설명합니다. http://www.terathon.com/lengyel/Lengyel-Oblique.pdf
이 방법의 목적은 미러 된 카메라 절두체의 가까운 클립 평면을 반사 표면에 의해 정의 된 평면으로 대체하는 것입니다.
제공된 소스 코드도 있습니다 (C ++로 제공) : http://www.terathon.com/code/oblique.html

나는 그 방법을 three.js에서 성공적으로 포팅했으며 여기에 이것을 라이브로 보여주는 샘플 장면이 있습니다 : http://jsfiddle.net/slayvin/PT32b/

남은 유일한 문제는 renderTarget이 프레임 뒤에 렌더링된다는 것입니다. 이유는 모르겠습니다! 이로 인해 카메라가 너무 빠르게 움직일 때와 거울이 다른 물체를 통과 할 때 약간의 깜박 거림이 발생합니다.

이 문제를 해결하는 방법에 대한 아이디어가 있습니까? 일종의 다중 버퍼링 방법을 구현해야합니까, 아니면 단순히 절두체를 수정 한 후 카메라 매트릭스를 업데이트하지 않기 때문입니까? 그렇다면 어떻게해야합니까?

음 ... scene.autoUpdate 를 false 하고 scene.updateMatrixWorld() 를 직접 호출하여 모든 렌더러가 동일한 항목을 가지고 있지만 아무것도 해결하지 못하는지 확인했습니다. ... 거기에서 회전을 추출하기 전에 mirror.updateMatrix() 를 호출하지 않습니다 ...

그래도 꽤 멋지다! 아마도 우리는 이것을 자신의 객체로 추상화 할 수 있습니다.

단.

또한 관련 행렬이 최신인지 확인했습니다. 지연이 걱정되면 사용하기 전에 업데이트해야합니다. 안타깝게도 빠르게 확대 / 축소 할 때 중요하지 않은 것 같습니다 ...

mirror.updateMatrixWorld();

camera.updateMatrixWorld();

camera.matrixWorldInverse.getInverse( camera.matrixWorld );

많은 감사합니다 !!

귀하의 제안으로 문제를 재고하게되었고 '일반적인'지연이 없었지만 니어 클립 평면이 변경 될 때만 깜박 거림 (미러링 된 카메라 위치와 비교 한 미러 위치)을 발견했습니다.

@WestLangley : 업데이트해야 할 미러 카메라의 행렬이지 카메라 자체가 아닙니다.

결과 : 더 이상 '지연'없음 : http://jsfiddle.net/slayvin/PT32b/2/ : smiley :

아마도 우리는 이것을 자신의 객체로 추상화 할 수 있습니다.

네, 생각 해봤습니다. 모든 것을 처리하는 new THREE.mirror() 가 있으면 좋을 것입니다. 코드를 작성해 보겠습니다 ...