tile - how can i use none repeat tiling texture in three.js

Question

I am making a panorama like krpano.I want to know how can i use small images as a texture of one cube face? http://stemkoski.github.io/Three.js/Skybox.html This example uses 6 pics as texture of cube.Could i use many small tiles as each texture of cube face?

Answer 1

I think the answer is making a new geometry,set your own vertices,faces that meet your demand and then set the faceVertexUvs and materialIndex to make it well textured.

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

I have a example here:multipleTexture

Also note that

using textures whose sides are a power of two is ideal- webgl texture