Unity3D中如何通过DoTween技术实现卡牌翻转动画效果？

本文共计932个文字，预计阅读时间需要4分钟。

使用Unity的UGUI制作2D卡牌翻转动效，原理类似于sprite对象，以下为效果图+卡片翻转动效+关于DoTween的说明：

图1：卡片翻转动效图2：DoTween动画效果

DoTween是一款强大的且易于使用的动画效果插件，具有免费版。

利用Unity的UGUI制作了2D卡牌翻转的效果，如果是sprite对象的话，原理应该也是一样的，以下是效果图

图1 卡牌翻转效果

关于DoTween

DoTween是一款十分强大且好用的动画效果插件，有免费版和收费版，免费版就可以满足大部分需求了，在Unity Assets Store里就可以下载，在本效果里就用了DoTween的旋转功能。

设计思路

创建一个空物体，空物体下有两个image对象，一个是正面，一个是背面。假设我们从正面开始，则初始状态下正面的旋转角度为(0,0,0) (0,0,0)(0,0,0)，让背面的旋转角度为(0,90,0) (0,90,0)(0,90,0)，这样背面就看不见了。
触发旋转时，例如让正面在0.3秒内旋转到(0,90,0) (0,90,0)(0,90,0)，这样正面就看不见了，等旋转完成后再让背面0.3秒旋转到(0,0,0) (0,0,0)(0,0,0)，这样背面出现，整个翻转的过程就完成了，如果不明白，可以想象一下一张扑克牌从正面慢慢翻转到背面的情况，首先旋转到侧面对着你，然后再从侧面旋转到背面。