TAT.dnt AlloyTouch 与 three.js 3D 模型交互
In Web开发 on 2016年12月08日 by view: 1,944
0

如你所见,上面的 cube 的旋转、加速、减速停止都是通过 AlloyTouch 去实现的。

演示

代码

factor 需要自己不断去调试出最佳的值,让松手之后的惯性运动的速率和时间达到最佳的效果。
moveFactor 需要自己不断去调试出最佳的值,就是让横向拖拽的距离映射到旋转的角度上达到最跟手的效果。

如果,不需要惯性运动。比如像王者荣耀里的任务旋转就是没有惯性的,手指离开屏幕就会立马停止运动。如:

你只需要在 new AlloyTouch 设置 inertia 为 false 便可。

无惯性演示

无惯性代码

开始 AlloyTouch 吧

Github 地址:https://github.com/AlloyTeam/AlloyTouch
欢迎 issues:https://github.com/AlloyTeam/AlloyTouch/issues


原创文章转载请注明:

转载自AlloyTeam:http://www.alloyteam.com/2016/12/alloytouch-and-three-js-3d-model-interaction/

发表评论