首页 > 解决方案 > Three.js - 使用 box3 缩放和平移对象

问题描述

我目前正在编写一段代码来加载最初不可见的 3D 图像。它应该是可见的,但是,在缩放和翻译它之后,但无论我做什么,屏幕仍然是黑色的,我看不到 3D 图像。

我不会发布整个代码,但这里是关于缩放和翻译的部分(我注释掉的代码部分是我试图实现的解决方案):

const box = new THREE.Box3().setFromObject(object);
// object.scale.set( 2, 2, 2 );
// box.getCenter(object.position);
// object.geometry.center();

scene.add( object );

我很困惑我是否误解了 Box3,是否与我缩放/居中的顺序有关,或者它是否是我的价值观,或者我忘记添加的一些微不足道的东西。

编辑:我相信我需要正确调整图像周围的边界框大小,并使用它来缩放老虎。我仍然对此感到困惑,因为我认为这条线已经做到了:

const box = new THREE.Box3().setFromObject(object);

所以我不确定如何更改边界框的大小以使其正确,然后将其缩放到我想要的大小。

标签: javascript

解决方案


推荐阅读