3D轮转图功能实现

972333f15dde462a856377f30f948f2a.png

轮转图通常用于我们游戏中一些功能,选皮肤,选英雄,设置等等,用途也十分广泛

下面是代码:

77ec01c412034f3db5ece105222cc5ef.jpg

08c748fc41a147689b45b66e5a350303.jpg

我们利用空对象生成子物体,子物体利用x轴上的间距和 最中心靠前的物体显示的最大(也就是缩放最大),两侧物体逐渐变小(缩放逐渐变小)的原理制造视觉差,从而让我们感受到3D效果,之后利用拖拽事件等使其可以拖动旋转,然后给子物体们添加一个与时间成正比缩减的力,也就是惯性

 轮转图的几个要点:拖拽旋转、惯性缓动、对齐

拖拽矢量根据鼠标位移可以得到,从而得到旋转方向。

惯性缓动就是在一定时间内以一定速度(降速)旋转。

对齐根据z值最大的对齐。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值