6、Three.js控制动画的开始暂停和第一人称视角漫游
1、Three.js控制动画开始和暂停
动画模型下载地址:
https://sketchfab.com/3d-models/isometric-torando-animation-daily-render-15-edbcf8052bc649ab825b8b7666a9ce09
源码地址:链接:https://pan.baidu.com/s/19-wdywDZNqOVypybmnrexA
提取码:7x0m
main.js文件
浏览器显示效果:

2、three.js第一人称视角漫游
注意问题:(1)轨道控制器(OrbitControls):Orbit controls(轨道控制器)可以使得相机围绕目标进行轨道运动。适合用在3D物体展示。(不适合场景漫游)
(2)FirstPersonControls(第一人称视角控制相机,鼠标左键往前移动,右键往后移动)。适用场景网页漫游、室内漫游。(移动端由于没有鼠标,所以无法操作,除非自己写监听事件)
(3)three.js官方漫游案例:geometry / minecraft和geometry / terrain。
(4)下面案例参考的具体文档:https://www.wjceo.com/blog/threejs/2018-03-29/142.html
https://www.wjceo.com/examples/threejs/82.html
(案例,可以在控制台中下载所有代码)
(5)实现效果:对上述代码进行修改,加载鱼类模型,实现漫游查看。

1、three.js使用第一视角控制FirstPersonControls控制相机。
全部代码文件:
链接:https://pan.baidu.com/s/1oQnmIFOBLBApongTHbexhw
提取码:6ch3