无极低码 :https://wheart.cn

腾讯地图三维模型加载GLTF,播放模型动画

腾讯地图三维模型加载,播放模型动画

关键代码


const clock = new THREE.Clock();
			console.log(gltf)
		    // 确保gltf对象包含scene和animations属性
		    if (gltf && gltf.scene && gltf.animations) {
		        // 创建AnimationMixer实例,传入模型的scene
		        const mixer = new THREE.AnimationMixer(gltf.scene);
		        // 使用mixer创建一个动画动作clipAction
		        const action = mixer.clipAction(gltf.animations[0]);
		        // 播放动画
		        action.play();
		        // 将mixer的更新添加到渲染循环中
		        function animate() {
		            requestAnimationFrame(animate);
		            const delta = clock.getDelta();
		            mixer.update(delta);
		            // 这里应该有一个渲染器来渲染场景,例如:
		            // renderer.render(scene, camera);
		        }
		        animate();


无极低码 :https://wheart.cn
最新文章