AlloyTouch与three.js 3D模型交互

2021-02-20 13:21

阅读:648

技术图片

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

演示

技术图片

代码

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

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

技术图片

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

无惯性演示

技术图片

无惯性代码

开始AlloyTouch吧

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


评论


亲,登录后才可以留言!