ThreeJS Voxel未固定到网格

Question

我正在使用ThreeJS git中的体素画家示例。

我改变了它，使体素比例子要大。它们不是占用X坐标上的一个网格空间，而是占用2。

然而，这样做意味着滚动网格不是固定在网格上，而是超过一半在一边，一半在另一边。

​

​

这是我的代码：

// In the example the geometry is set to (50, 50, 50)
self.rollOverGeo = new THREE.CubeGeometry(100, 50, 50);
self.rollOverMaterial = new THREE.MeshBasicMaterial({
        color: 0xff0000,
    opacity: 0.5,
    transparent: true
});
self.rollOverMesh = new THREE.Mesh(self.rollOverGeo, self.rollOverMaterial);

self.rollOverMesh.position = new THREE.Vector3(0, 25, 0);

有人知道这是为什么吗？

Answer 1

该几何在其局部坐标系中以原点为中心。您需要像这样翻译几何学：

rollOverGeo = new THREE.CubeGeometry( 100, 50, 50 );
rollOverGeo.applyMatrix( new THREE.Matrix4().makeTranslation( 25, 0, 0 ) );

cubeGeo = new THREE.CubeGeometry( 100, 50, 50 );
cubeGeo.applyMatrix( new THREE.Matrix4().makeTranslation( 25, 0, 0 ) );

three.js r.61