Three.js - 如何翻译几何图形

Question

我有一个脚本，可以定位不同宽度、高度和深度的立方体，并且正在努力根据 xAxis、yAxis 和 zAxis（也有所不同）将它们准确地排列起来。

var geometry = new THREE.BoxGeometry(width, height, depth);
var cube = new THREE.Mesh(geometry, material);
cube.position.set(xAxis, yAxis, -zAxis);
scene.add(cube);

我相信这是因为立方体是根据它的中心定位的，但是有没有一种方法可以根据前部、左侧和角来定位它——这可以解决不同大小的立方体的这个问题？

Answer 1

您可以平移几何体，使盒子的一个角位于原点：

var geometry = new THREE.BoxGeometry( width, height, depth );
geometry.translate( width / 2, height / 2, depth / 2 );

如果您有许多不同大小的立方体实例，最好使用此模式：

var geometry = new THREE.BoxGeometry( 1, 1, 1 ); // create once and reuse
geometry.translate( 0.5, 0.5, 0.5 );

var cube_1 = new THREE.Mesh( geometry, material );
cube_1.scale.set( width, height, depth );

三.js r.87