用 three.js 这种开源 js 3d 框架能实现谷歌人体这样效果吗?

2018 年 1 月 11 日
 Sornets

RT,如果不能的话,有没有开源框架可以实现?

6313 次点击
所在节点    JavaScript
8 条回复
VoceTacita
2018 年 1 月 11 日
focusheart
2018 年 1 月 11 日
#1 说的对~

补充一下。three.js 是可以,没问题。但是从头开始做的话,建模和交互设计工作量的工作量不小呢。

three.js 支持加载 3d 模型的,只要有做好的模型就可以展示出来了。在官方的 examples 里有很多,比如:

https://threejs.org/examples/#webgl_loader_collada_kinematics
https://threejs.org/examples/#webgl_loader_md2
https://threejs.org/examples/#webgl_loader_sea3d

交互方面,在官方的 interactive 的例子有一些,另外通过鼠标或者键盘控制场景内的相机就可以做出移动效果。
谷歌人体里的其他效果,用 js 配合 three.js 的接口也都能实现。
Sornets
2018 年 1 月 11 日
rabbbit
2018 年 1 月 11 日
three.js 有很多功能都放在 examples/js 里.根本没官方介绍,翻翻应该能写个差不多的,例如:
模型导入
https://github.com/mrdoob/three.js/tree/dev/examples/js/loaders
镜头控制
https://github.com/mrdoob/three.js/tree/dev/examples/js/controls
Immortal
2018 年 1 月 11 日
跳一跳貌似不就是用 three.js 写的么
hst001
2018 年 1 月 11 日
可以,主要是建模,那个效果就是一个很简单的算法,一时记不起名字(记性越来越差了)
rabbbit
2018 年 1 月 11 日
Sornets
2018 年 1 月 11 日
@rabbbit 你这个是用什么工具建模的啊?

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

https://study.congcong.us/t/421992

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

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

© 2021 V2EX