THREE.js: Bild von nur einem Gesicht in Cubemap ändern?

Question

Ich versuche ein Panorama mit Cubemaps zu zeigen, wo die ersten 6 Bilder niedriger Qualität geladen und auf der Cubemap angezeigt werden. Dies ist leicht unter Verwendung

var urls = [ 
'path/to/low-q-pos-x.png', 
'path/to/low-q-neg-x.png', 
'path/to/low-q-pos-y.png', 
'path/to/low-q-neg-y.png', 
'path/to/low-q-pos-z.png', 
'path/to/low-q-neg-z.png' 
], 

cubemap = THREE.ImageUtils.loadTextureCube(urls); 

Als nächstes werden die höheren Qualität 6 Bilder geladen. Was ich versuche, ist hier, dass sobald ein Bild mit höherer Qualität geladen wird, es das Bild mit niedrigerer Qualität ersetzen sollte, und so die Bilder mit höherer Qualität nacheinander angewendet werden. Die Verwendung von loadTextureCube ist immer eine Option, aber gibt es eine direktere Möglichkeit, Würfelflächen zu ersetzen?

Answer 1

Sie möchten Ihre Skybox-Bilder ändern.

Laden Sie eine neue CubeTexture.

var newTexture = new THREE.CubeTextureLoader().load(urls, onLoadCallback); 

Dann, in Ihrem Callback, zuweisen Sie Ihre Skybox die neue Textur.

var oldTexture = skybox.material.uniforms.tCube.value; 

skybox.material.uniforms.tCube.value = null; 
oldTexture.dispose(); // important! 

skybox.material.uniforms.tCube.value = newTexture; 

Typ renderer.info in die Konsole um sicherzustellen, dass Ihre alte Texturen ordnungsgemäß entsorgt werden. So

three.js r.76