Jak używać aparatu jako obrazu tekstury w Three.js

Question

W three.js próbuję utworzyć teksturę, której obrazem jest aktualna scena z kamery. Używanie CubeCamera do stworzenia podobnego efektu jest dobrze udokumentowane; iz CubeCamera Stworzyłem przykład sceny do zilustrowania mój cel na:

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

Jednak chciałbym użyć zwykłej kamery (zamiast CubeCamera) jako tekstury. Jak mogłem to zrobić?

Answer 1

Idealnie by się to udało.

Init:

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); 

Render:

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

I to prawie robi, ale mamy pewne niedokończone sprawy z Y-przerzucony tekstur, które psuje imprezę tutaj.

Więc najlepszym rozwiązaniem w tej chwili jest użycie intermediry quad dla przerzucanie fakturę (oszczędza również render):

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

Answer 2

oparciu o przykład i sugestie mrdoob, w Stworzyłem pracy przykład z bardzo szczegółowych uwag, dostępny pod adresem:

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

część mojej serii poradnik stylu Three.js serii przykładów na

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