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(軌道控制器)可以使得相機圍繞目標(biāo)進行軌道運動。適合用在3D物體展示。(不適合場景漫游)
(2)FirstPersonControls(第一人稱視角控制相機,鼠標(biāo)左鍵往前移動,右鍵往后移動)。適用場景網(wǎng)頁漫游、室內(nèi)漫游。(移動端由于沒有鼠標(biāo),所以無法操作,除非自己寫監(jiān)聽事件)
(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)實現(xiàn)效果:對上述代碼進行修改,加載魚類模型,實現(xiàn)漫游查看。

1、three.js使用第一視角控制FirstPersonControls控制相機。
全部代碼文件:
鏈接:https://pan.baidu.com/s/1oQnmIFOBLBApongTHbexhw?
提取碼:6ch3