Unity3D利用DoTween实现卡牌翻转效果_unity卡牌翻转 - CSDN文库

78 浏览量更新于2023-10-22 评论 1 收藏 64KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Unity3D利用利用DoTween实现卡牌翻转效果实现卡牌翻转效果

主要为大家详细介绍了Unity3D利用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)，这样背面出现，整个翻转的过程就完成了，如果不明白，可以想象一下一张扑克牌从正面慢慢翻转到

背面的情况，首先旋转到侧面对着你，然后再从侧面旋转到背面。

使用方法使用方法

导入DoTween插件

setup插件

创建一个Canvas

在Canvas下创建一个空物体命名为Card

在Card下创建两个Image(UI)，分别命名为Front和Back，大小和位置均相同

给Back和Front附上你选定的图片，如果没有可以用不同颜色替代

给Card附上CardTurnOver.cs脚本

将Front和Back对象拖动到脚本的对应位置

设置脚本的card state，意味着从正面开始还是背面开始

设置脚本的time，即旋转所花费的时间

创建两个Button对象，增加OnClick方法，将Card对象拖进去，并分别调用StartBack和StartFront方法

点击两个按钮就能看到卡牌翻转的效果了，注意只有在正面的时候才能翻到背面，背面同理。注意只有在正面的时候才能翻到背面，背面同理。

脚本脚本

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using DG.Tweening;//别忘了引用

//卡牌状态，正面、背面

public enum CardState

{

Front,

Back

}

public class CardTurnOver : MonoBehaviour{

public GameObject mFront;//卡牌正面

public GameObject mBack;//卡牌背面

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38678406

粉丝: 5
资源: 948

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈