threejs 交互问题

2021-08-24 14:15:04 +08:00
 icemanpro
请问下 threejs 能不能进行交互操作? 就像是点击柜门后,柜门可以打开,并能看到内部情况。
如果 threejs 不行的话,那用哪种库能解决这个问题?
1105 次点击
所在节点    问与答
3 条回复
hellomimi
2021-08-24 14:56:51 +08:00
可以看看 three.js 的 Raycaster 这条 api,可以做到点击模型,监听到点击事件后,使用 js 触发其他动画效果。
官网也有例子 https://threejs.org/examples/#webgl_interactive_cubes
wangmn
2021-08-24 16:07:29 +08:00
点击模型 调用提前写好的模型动画( 3d 模型设计做动画)开门,再跳转相机位置锁定视角呗
cheese
2021-08-24 18:08:19 +08:00
Raycaster 可以检测到,然后回调就行了。但是建议用 Babylon.js ,我觉得更好用,api 更多样化。也可以直接对模型做点击事件绑定,不需要射线

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/797698

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX