验证使用具有three.js多维数据集的多个纹理

时间:2012-12-10 05:14:35

标签: javascript 3d three.js

有人可以验证以下代码是否为three.js r53?

它来自这个问题: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());

2 个答案:

答案 0 :(得分:17)

请改为:

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

materials是一个包含6个three.js材质的数组,每个面都有一个。

请参阅迁移指南:https://github.com/mrdoob/three.js/wiki/Migration-Guide

编辑:CubeGeometry已重命名为BoxGeometryTHREE.MeshFaceMaterial已被弃用。

three.js r.92

答案 1 :(得分:0)

THREE.CubeGeometry()不支持材料列表。我认为它也是,但如果你检查当前的源代码....它不会