2012-12-10 2 views
5

three.js r53の次のコードを確認できますか?three.js立方体で複数のテクスチャを使用していることの確認

それはこの質問から取られています:How to use multiple materials in a Three.js cube?

私はこのコードといくつかのバリエーションを試してみましたが、私は目に見えるキューブを得ることはありません。私のテクスチャイメージは、そのようにする必要があります。

var materials = []; 

for (var i=0; i<6; i++) { 
    var img = new Image(); 
    img.src = i + '.png'; 
    var tex = new THREE.Texture(img); 
    img.tex = tex; 

    img.onload = function() { 
     this.tex.needsUpdate = true; 
    }; 

    var mat = new THREE.MeshBasicMaterial({color: 0xffffff, map: tex}); 
    materials.push(mat); 
} 

var cubeGeo = new THREE.CubeGeometry(400, 400, 400, 1, 1, 1, materials); 
var cube = new THREE.Mesh(cubeGeo, new THREE.MeshFaceMaterial()); 

答えて

16

は、代わりにこれを行いません。https://github.com/mrdoob/three.js/wiki/Migration

var cubeGeo = new THREE.BoxGeometry(400, 400, 400, 1, 1, 1); 
var cube = new THREE.Mesh(cubeGeo, new THREE.MeshFaceMaterial(materials)); 

は、移行のWikiを参照してください。

EDIT:CubeGeometryBoxGeometry

three.js r.67

+0

に名前が変更されました。またCubeGeometryはBoxGeometry(R66)に – imcg

+0

@imcgの感謝の名前を変更しました。更新された答え。 – WestLangley

0

THREE.CubeGeometry()は、マテリアルのリストをサポートしていません。私はそれがあまりにもやったと思っていますが、現在のソースコードをチェックすると....それは

関連する問題