如何在ThreeJs中更新纹理？

Question

我试图通过点击缩略图来更新我的天空盒纹理。

它是基于这个例子：canvas_geometry_panorama.html

缩略图的标题与包含天空盒图像的文件夹匹配。 所以用一个简单的jQuery脚本它会生成一个链接到该文件夹​​：

$('.thumbs img').click(function() { 
var myPath = 'img/' + $(this).attr("title") + '/'; 
}); 

接下来我填补了VAR在loadTexture：

var materials = [ 

       loadTexture(myPath+'lx.jpg'), // right 
       loadTexture(myPath+'rx.jpg'), // left 
       loadTexture(myPath+'ly.jpg'), // top 
       loadTexture(myPath+'ry.jpg'), // bottom 
       loadTexture(myPath+'lz.jpg'), // back 
       loadTexture(myPath+'rz.jpg') // front 

      ]; 

但它并没有更新。为什么？

Answer 1

https://github.com/mrdoob/three.js/wiki/Updates 这有帮助吗？ :)使用material.needsUpdate = true;