threejs导入obj模型代码怎么写
时间: 2024-05-11 09:15:27 浏览: 9
可以先使用THREE.OBJLoader()来加载OBJ模型,在使用场景中进行展示,具体代码如下:
```javascript
// 引入OBJLoader.js文件
import * as THREE from "three";
import { OBJLoader } from "three/examples/jsm/loaders/OBJLoader";
// 创建场景
const scene = new THREE.Scene();
// 创建相机
const camera = new THREE.PerspectiveCamera(
45,
window.innerWidth / window.innerHeight,
0.1,
1000
);
// 创建渲染器
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
// 创建灯光
const light = new THREE.AmbientLight(0xffffff);
scene.add(light);
// 加载OBJ模型
const loader = new OBJLoader();
loader.load(
"path/to/your/model.obj",
(obj) => {
// 对模型进行操作
obj.translateY(-150);
scene.add(obj);
},
(xhr) => {
// 加载进度的回调函数
console.log((xhr.loaded / xhr.total) * 100 + "% loaded");
},
(error) => {
// 加载出错的回调函数
console.error("An error happened", error);
}
);
// 设置相机的位置
camera.position.set(0, 0, 500);
// 渲染场景
function render() {
renderer.render(scene, camera);
}
// 动画循环
function animate() {
requestAnimationFrame(animate);
render();
}
animate();
```
希望以上代码对你有所帮助。