javascript - ThreeJS ボクセルがグリッドに固定されていない

Question

ThreeJS git リポジトリのボクセル ペインターの例を使用しています。

ボクセルが例よりも大きくなるように変更しました。X 座標で 1 グリッド スペースを占有する代わりに、2 を占有します。

ただし、これを行うと、ロール オーバー メッシュがグリッドに固定されず、代わりに一方の側で 1 つの半分を超え、もう一方の側で 1 つの半分を超えます。

これが私のコードです：

// 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);

これがなぜなのか誰か知っていますか？