| 要使用JS和Three.js加载名为a.glb的文件,可以按照以下步骤: |
| |
复制
- 引入Three.js库文件到你的HTML页面中:
| <script src="https://cdn.jsdelivr.net/npm/three"></script> |
复制
- 创建一个新的Three.js场景和渲染器:
| var scene = new THREE.Scene(); |
| var renderer = new THREE.WebGLRenderer(); |
| renderer.setSize(window.innerWidth, window.innerHeight); |
| document.body.appendChild(renderer.domElement); |
复制
- 创建一个新的GLTF加载器:
| var loader = new THREE.GLTFLoader(); |
复制
- 使用加载器加载名为a.glb的文件,并将其添加到场景中:
| loader.load('path/to/a.glb', function (gltf) { |
| scene.add(gltf.scene); |
| }); |
复制
- 添加动画循环以实时渲染场景:
| function animate() { |
| requestAnimationFrame(animate); |
| renderer.render(scene, camera); |
| } |
| animate(); |
复制
请确保将路径path/to/a.glb
替换为实际的文件路径,然后将以上代码放入你的HTML文件中。当你打开该页面时,Three.js将加载并渲染名为a.glb的文件。