Fatal编程技术网
  • javascript/
  • Javascript Three.js-设置立方体颜色？

Javascript Three.js-设置立方体颜色？

javascript 3d three.js

Javascript Three.js-设置立方体颜色？,javascript,3d,three.js,Javascript,3d,Three.js,我正在尝试用three.js创建一个简单的3d游戏。我试图创建彩色立方体，但所有立方体都保持相同的颜色 创建多维数据集时，我执行以下操作： var geometry = new THREE.BoxGeometry(width, height, length); var material = new THREE.MeshNormalMaterial({color: hexColor}); var cube = new THREE.Mesh(geometry, material); （位于函数内部


我正在尝试用three.js创建一个简单的3d游戏。我试图创建彩色立方体，但所有立方体都保持相同的颜色

创建多维数据集时，我执行以下操作：

var geometry = new THREE.BoxGeometry(width, height, length);
var material = new THREE.MeshNormalMaterial({color: hexColor});
var cube = new THREE.Mesh(geometry, material);
（位于函数内部）
然后我使用这个函数两次， 十六进制颜色为0x0000ff（蓝色）和0xff0000（红色）。 立方体确实会生成，但立方体的所有面都是不同的颜色。 我也试过了

cube.material.color.setHex();
但它给出了未捕获的TypeError：无法读取未定义的属性“setHex”

请帮帮我

您的问题是
THREE.MeshNormalMaterial（）
没有颜色属性。尝试使用
THREE.MeshBasicMaterial（{color:yourHexColor}）取而代之

如果这样做，您的
cube.material.color.setHex（yourHexColor）调用应该可以正常工作

您可以在上找到所有必要的信息，如果您感兴趣，请查看专用的