Question

我正在制作像krpano这样的全景。我想知道如何使用小图像作为一个立方体脸的纹理？ http://stemkoski.github.io/Three.js/Skybox.html 这个例子使用6个图片作为立方体的纹理。我可以使用许多小块作为立方体面的每个纹理吗？

Answer 1

我认为答案是制作一个新几何体，设置自己的顶点，满足您需求的面，然后设置faceVertexUvs和materialIndex以使其纹理化。

  vertices.forEach(function(v){
geom.vertices.push(new THREE.Vector3(v[0],v[1],v[2]));});
 faces.forEach(function(v){
geom.faces.push( new THREE.Face3( v[0],v[1],v[2] ) );});

我在这里有一个例子：multipleTexture

另请注意

使用边长为2的纹理是理想的 - webgl texture

我如何在three.js中使用无重复平铺纹理

1 个答案: