“export ‘Geometry‘ (imported as ‘THREE‘) was not found in ‘three‘

"export ‘Geometry’ (imported as ‘THREE’) was not found in ‘three’

因为three.js 在 r125版本中干掉了Geometry,全部采用BufferGeometry。

~~three.js 在 r125版本中终于干掉了Geometry。~~

如果你的项目升级后出现了上述的错误,就需要仔细修改了。
比如之前采用了geometry.vertices.push那么就会接着报错的,找到错误按照API修改即可。
TypeError: Cannot read property 'push' of undefined

//125之前的代码
const geometry = new THREE.Geometry()
points.forEach(d => {
    const [x, y, z] = d;
     geometry.vertices.push(new THREE.Vector3(x, y, z));
});
//125时候的代码
const geometry = new THREE.BufferGeometry();
const arr = [];
points.forEach(d => {
    const [x, y, z] = d;
    arr.push(x,y,z)
});
const vertices = new Float32Array(arr);//得写arr赋值后面?之前写前面咋没事!
geometry.setAttribute( 'position', new THREE.BufferAttribute( vertices, 3 ) );

最后~three的API修改往往如此任性!

  • 11
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
`const geometry = new THREE.BoxGeometry()` 是使用 Three.js 创建一个立方体几何体(BoxGeometry)的代码。 立方体几何体是 Three.js 中常用的基本几何体之一,它由六个面组成,每个面都是一个正方形。通过设置立方体的宽、高和深度,我们可以创建不同尺寸的立方体。 在上面的代码中,我们使用 `new THREE.BoxGeometry()` 创建了一个立方体几何体对象。构造函数的参数可以为空,这将创建一个单位大小(宽度、高度和深度均为1)的立方体。 如果你想自定义立方体的尺寸,可以传入参数来指定宽、高和深度的值,例如: ```jsx const geometry = new THREE.BoxGeometry(2, 3, 4); // 创建宽度为2、高度为3、深度为4的立方体 ``` 通过创建立方体几何体对象,我们可以将其用于创建网格(Mesh)对象,并添加到场景中进行渲染,例如: ```jsx const renderer = new THREE.WebGLRenderer(); const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); const geometry = new THREE.BoxGeometry(); // 创建立方体几何体对象 const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 }); // 创建材质对象 const cube = new THREE.Mesh(geometry, material); // 创建网格对象 scene.add(cube); // 将网格对象添加到场景中 camera.position.z = 5; camera.lookAt(scene.position); renderer.render(scene, camera); ``` 希望这可以帮助你理解如何使用 `THREE.BoxGeometry` 创建立方体几何体对象,并将其应用于 Three.js 场景中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

X01动力装甲

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值