Three加载Mesh 且修改一些属性(box示例)

avatar
作者
猴君
阅读量:3

首先在场景初始化完成后,加载一个box

const geometry = new THREE.BoxGeometry( 1, 1, 1 );  const material = new THREE.MeshBasicMaterial( {color: 0x00ff00} );  const cube = new THREE.Mesh( geometry, material );  scene.add( cube );

加载完成后想要修改cube的值。

查看官网对mesh的介绍。

关于mesh的属性。我们都可以直接访问

比如

cube.material.color.set(0x00ff00); // 设置颜色为绿色

那么对于其他的属性,比如position。就在mesh的父级Object3D →里面

跳转的Object3D里面的属性也可以通过cube.属性进行修改。如:

 mesh.position.set(10, 0, 0); // 设置位置

所有的Geometry创建Mesh都适用。

官网链接BoxGeometry – three.js docs (threejs.org)

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!