Three.js - 立方体の色を設定していますか？

Question

私は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); 

（関数内である）
は、その後、私は二度関数を使用して、 hexColorことで0x0000FF（青）とは0xFF0000（赤）。 キューブは生成されますが、キューブのすべての面は異なる色です。 は、私はまた、

cube.material.color.setHex(); 

を試してみましたが、しかし、それは捕捉されない例外TypeErrorを与える：未定義

ヘルプしてくださいのプロパティ「setHex」を読み取ることができません！

Answer 1

問題は、THREE.MeshNormalMaterial()には色のプロパティがありません。代わりにTHREE.MeshBasicMaterial({ color: yourHexColor });を使用してみてください。

これを行うと、cube.material.color.setHex(yourHexColor);コールが正常に機能するはずです。

Three.js docs pageに必要な情報がすべて記載されています。興味がある場合は、専用examples pageをご覧ください。