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