Three.js에서 카메라를 텍스처 이미지로 사용하는 방법

Question

three.js에서 카메라에서 본 이미지가 현재 장면 인 텍스처를 만들려고합니다. 비슷한 효과를 내기 위해 CubeCamera를 사용하는 것은 잘 문서화되어 있습니다. 및 CubeCamera와 나는 나의 목표를 설명하는 장면의 예를 만들었습니다

http://stemkoski.github.com/Three.js/Camera-Texture-Almost.html

그러나, 나는 질감으로 일반 카메라 (보다는 CubeCamera)를 사용하고 싶습니다. 내가 어떻게 할 수 있니?

Answer 1

이상적으로는 효과가 있습니다.

초기화 :

renderTarget = new THREE.WebGLRenderTarget(512, 512, { format: THREE.RGBFormat }); 

var planelikeGeometry = new THREE.CubeGeometry(400, 200, 200); 
var plane = new THREE.Mesh(planelikeGeometry, new THREE.MeshBasicMaterial({ map: renderTarget })); 
plane.position.set(0,100,-500); 
scene.add(plane); 

가 렌더링 :

renderer.render(scene, topCamera, renderTarget, true); 
renderer.render(scene, topCamera); 

그리고 그것은 거의 않지만, 우리가 여기 파티 유적 Y-뒤집어 질감을 좀 마무리해야.

그래서 순간에 최선의 해결책은 텍스처를 뒤집기 위해 intermediry 쿼드를 사용하는 것입니다 (또한 렌더링 저장) : mrdoob의 예과 제안을 바탕으로

는

http://mrdoob.github.com/three.js/examples/webgl_rtt.html

Answer 2

, 나는 작업 예제를 만들었습니다

01에서 예제 튜토리얼 스타일 Three.js를 시리즈의 나의 시리즈의

http://stemkoski.github.com/Three.js/Camera-Texture.html

부분 : 이용 가능한 매우 상세한 의견을 나타낼 수있는

http://stemkoski.github.com/Three.js/