【3D】 threejs使用模型内置的摄像头,将模型中的动画效果展示出来
发布于 4 个月前 作者 qjzd 582 次浏览 来自 码农

模型中导出摄像头

Blender导出glb,gltf,分离的gltf

这篇文章有提到使用blender导出glb选择摄像头导出。

使用场景

模型中自带动画效果且物体跟随摄像头移动变换。就需要将模型中的摄像头导出,并开启动画。

核心代码

遍历模型数据,把摄像头数据提取出来

object.traverse(function(child) {
     if (child.isCamera) {
      this.cameras[child.uuid] = child
    }
})

设置相机

this.setCamera(cameras[0]))

启动动画

mixer.clipAction(animation, obj).play()

动画效果

5efee072d7877_5efee07465d75.gif

注意:使用内置的摄像头,OrbitControls的功能将无法使用,控制台提示不是threejs的摄像头

没有使用内置摄像机的动画效果

5efee20d5efff_5efee20d6a6e3.gif

可以配合OrbitControls,一边看动画,一边旋转场景

回到顶部