2012-07-04 22 views
5

Üç.js'de, görüntüsü bir Kameradan görüntülendiği haliyle geçerli bir doku oluşturmaya çalışıyorum. Benzer bir etki yaratmak için CubeCamera kullanılması iyi belgelenmiştir; ve CubeCamera ile ben amacıma göstermek için bir sahnenin bir örnek oluşturduk:Fotoğraf makinesi, Three.js olarak doku görüntüsü olarak nasıl kullanılır

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

Ancak, doku gibi düzenli Kamera (yerine CubeCamera) kullanmak istiyorum. Bunu nasıl yapabilirim?

+2

Üç.js render-to-texture örneğine baktınız mı? http://mrdoob.github.com/three.js/examples/webgl_rtt.html – WestLangley

cevap

5

İdeal olarak bu işe yarar.

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

Ve neredeyse yok, ama biz burada partiyi kalıntıları y çevrilmiş dokularla bir işim var.

Yani şu anda en iyi çözüm dokusunu saygısız için intermediry dörtlü kullanmaktır (aynı zamanda bir hale kaydeder): mrdoob en Örneğin ve önerilere dayalı

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

3

, bir çalışma örneği oluşturduk

01 de örneklerin öğretici tarzı Three.js serisinin benim serisinin

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

parçası: mevcut çok detaylı açıklamalar ile

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

+0

"TrackballControls" yerinde olduğunda daha güzeldi, biraz daha fazla özeti takdir edebilirdiniz :) – mrdoob

+0

Safari 5.1'de kötü bir şey oluyor .7 ve Firefox 13.0.1 - makinemde, en azından. (Chrome'da Tamam Çalışır 20.0.1132.47) Mac OS X Lion 10.7.4, AMD Radeon HD 6750M 512 MB Ekran Görüntüsü: http://imgur.com/nfPEi – WestLangley

+0

Bu oldukça garip ... Bunun neden olabileceğine dair hiçbir fikrim yok olmuyor ... http://stemkoski.github.com/Three.js/ adresindeki diğer Three.js eğitimlerimden herhangi biri benzer etkiler yaratıyor mu? –

İlgili konular