Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript three.js-如何转换几何体_Javascript_Three.js - Fatal编程技术网

Javascript three.js-如何转换几何体

Javascript three.js-如何转换几何体,javascript,three.js,Javascript,Three.js,我有一个脚本,可以定位不同宽度、高度和深度的立方体,我正在努力根据xAxis、yAxis和zAxis(它们也不同)精确地排列它们 我认为这是因为立方体是基于其中心定位的,但是有没有一种方法可以基于前面、左边和角落来定位它-这可以解决不同大小立方体的问题?您可以转换几何体,使长方体的一个角落位于原点: var geometry = new THREE.BoxGeometry( width, height, depth ); geometry.translate( width / 2, height

我有一个脚本,可以定位不同宽度、高度和深度的立方体,我正在努力根据xAxis、yAxis和zAxis(它们也不同)精确地排列它们


我认为这是因为立方体是基于其中心定位的,但是有没有一种方法可以基于前面、左边和角落来定位它-这可以解决不同大小立方体的问题?

您可以转换几何体,使长方体的一个角落位于原点:

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

three.js r.87

有关于JSFIDLE的例子吗?或者是一张具有预期效果的图片,因为很难理解,至少对我来说,“前面、左边和角落”是什么。“我正在努力根据xAxis、yAxis和zAxis精确地排列它们”-确切的问题是什么?也许一张图片会有帮助。
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 );