欢迎光临散文网 会员登陆 & 注册

6、Three.js控制动画的开始暂停和第一人称视角漫游

2023-03-12 12:16 作者:王钟泽  | 我要投稿

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



6、Three.js控制动画的开始暂停和第一人称视角漫游的评论 (共 条)

分享到微博请遵守国家法律