写个threejs cube封装js
时间: 2023-09-08 22:10:31 浏览: 73
非常好的问题!我可以用JavaScript来实现一个封装的Three.js cube,下面是代码示例:
```javascript
// 封装 Three.js cube 的 JavaScript 代码
function createCube(size, color) {
const geometry = new THREE.BoxGeometry(size, size, size);
const material = new THREE.MeshBasicMaterial({ color: color });
const cube = new THREE.Mesh(geometry, material);
return cube;
}
// 用法示例
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
const cube = createCube(1, 0xff0000);
scene.add(cube);
camera.position.z = 5;
function animate() {
requestAnimationFrame(animate);
cube.rotation.x += 0.01;
cube.rotation.y += 0.01;
renderer.render(scene, camera);
}
animate();
```
这个代码示例中,我们定义了一个`createCube`函数来创建一个具有指定大小和颜色的Three.js cube。这个函数使用了Three.js提供的`BoxGeometry`和`MeshBasicMaterial`对象来创建一个立方体网格(`Mesh`)。然后我们将这个网格添加到了场景(`Scene`)中,并使用`Renderer`对象进行渲染。
希望这个代码示例能够帮助你实现自己的Three.js cube封装!
阅读全文