首页帮我写个html，要求使用three.js导入glb模型

帮我写个html，要求使用three.js导入glb模型

时间: 2024-05-25 18:01:17 浏览: 173

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Three.js GLB Loader Example</title> <style> body { margin: 0; overflow: hidden; } canvas { width: 100%; height: 100%; } </style> </head> <body> <script src="https://cdn.jsdelivr.net/npm/three@0.128.0/build/three.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/loaders/GLTFLoader.js"></script> <script> 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 loader = new THREE.GLTFLoader(); loader.load('model.glb', function(gltf){ const model = gltf.scene; scene.add(model); }); camera.position.z = 5; const animate = function () { requestAnimationFrame(animate); renderer.render(scene, camera); }; animate(); </script> </body> </html>

阅读全文