Three.js - グリッドにキューブを合わせる

Question

私はGridHelperを使ってグリッドを作成しています。グリッドのタイルの上に直接キューブを配置したいと思います。私の現在の実装は、キューブをグリッドに配置しますが、それはタイルと直接アライメントされません。

// cubes 
 
cubeGeo = new THREE.BoxGeometry(50, 50, 50); 
 
cubeMaterial = new THREE.MeshLambertMaterial({color: 0xfeb74c }); 
 
var voxel1 = new THREE.Mesh(cubeGeo, cubeMaterial); 
 
scene.add(voxel1); \t 
 
\t \t 
 
// grid 
 
var gridHelper = new THREE.GridHelper(1000, 20); 
 
console.log(gridHelper); \t \t \t \t 
 
scene.add(gridHelper);

Grid with Box not align

私はボックスがグリッドに並ぶことについてどのように行きますか？

Answer 1

それが作成された後、あなたがそうのような、あなたのジオメトリを翻訳することができます

cubeGeo = new THREE.BoxBufferGeometry(50, 50, 50); 
cubeGeo.translate(25, 0, 25); 

追加のキューブを追加する場合は、同じジオメトリを再利用し、メッシュの位置を設定することができます。

voxel.position.set(x, y, z); 

three.js r.87