帮我生成three.js加载obj模型的html代码
时间: 2023-12-30 07:06:37 浏览: 26
<!DOCTYPE html>
<html>
<head>
<title>Three.js OBJ Loader Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/loaders/OBJLoader.js"></script>
<style>
body {
margin: 0;
padding: 0;
overflow: hidden;
}
canvas {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<script>
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
var objLoader = new THREE.OBJLoader();
objLoader.load('path/to/your/obj/file.obj', function(object) {
scene.add(object);
});
camera.position.z = 5;
var animate = function () {
requestAnimationFrame(animate);
// Rotate object
scene.children[0].rotation.x += 0.01;
scene.children[0].rotation.y += 0.01;
renderer.render(scene, camera);
};
animate();
</script>
</body>
</html>