UGUI案例篇第(三)节:UGUI实现3D轮转图效果


(一)  3D轮转图效果展示


   在我们制作一些场景选关或者是做一些选择类似的UI时,我们会觉得想制作一种3D效果的选择方式,3D轮转图往往就是最恰当的一种,下面我将会介绍3D轮转图的具体原理及实现:

在这里插入图片描述




(二)  3D轮转图实现



实现原理

    利用父物体生成子物体选项,子物体利用x轴上的间距和 最中心靠前的物体最大显示(缩放最大),两侧物体逐渐变小(缩放逐渐变小)的原理制造视觉差,从而形成3D效果,之后利用DragHandler事件制作拖动旋转即可,


原理1. 关于3D轮转图的Item的Position讲解(图片放大后观看):

3D图讲解
在这里插入图片描述
排好Position的2D图显示
在这里插入图片描述
原理2: 关于3D轮转图的Item的Scale讲解(图片放大后进行观看):
3D图讲解

在这里插入图片描述
排好scale和position的2D图显示:

评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值