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

 更新时间:2019年02月23日 09:08:50   作者:芒果和小猫  
这篇文章主要为大家详细介绍了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),分别命名为FrontBack,大小和位置均相同
  • BackFront附上你选定的图片,如果没有可以用不同颜色替代
  • Card附上CardTurnOver.cs脚本
  • FrontBack对象拖动到脚本的对应位置
  • 设置脚本的card state,意味着从正面开始还是背面开始
  • 设置脚本的time,即旋转所花费的时间
  • 创建两个Button对象,增加OnClick方法,将Card对象拖进去,并分别调用StartBackStartFront方法
  • 点击两个按钮就能看到卡牌翻转的效果了,注意只有在正面的时候才能翻到背面,背面同理。

脚本

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;//卡牌背面
 public CardState mCardState = CardState.Front;//卡牌当前的状态,是正面还是背面?
 public float mTime = 0.3f;
 private bool isActive = false;//true代表正在执行翻转,不许被打断

 /// <summary>
 /// 初始化卡牌角度,根据mCardState
 /// </summary>
 public void Init()
 {
  if(mCardState==CardState.Front)
  {
   //如果是从正面开始,则将背面旋转90度,这样就看不见背面了
   mFront.transform.eulerAngles = Vector3.zero;
   mBack.transform.eulerAngles = new Vector3(0, 90, 0);
  }
  else
  {
   //从背面开始,同理
   mFront.transform.eulerAngles = new Vector3(0, 90, 0);
   mBack.transform.eulerAngles = Vector3.zero;
  }
 }
 private void Start()
 {
  Init();
 }

 /// <summary>
 /// 留给外界调用的接口
 /// </summary>
 public void StartBack()
 {
  if (isActive)
   return;
  StartCoroutine(ToBack());
 }
 /// <summary>
 /// 留给外界调用的接口
 /// </summary>
 public void StartFront()
 {
  if (isActive)
   return;
  StartCoroutine(ToFront());
 }
 /// <summary>
 /// 翻转到背面
 /// </summary>
 IEnumerator ToBack()
 {
  isActive = true;
  mFront.transform.DORotate(new Vector3(0, 90, 0), mTime);
  for (float i = mTime; i >= 0; i -= Time.deltaTime)
   yield return 0;
  mBack.transform.DORotate(new Vector3(0, 0, 0), mTime);
  isActive = false;

 }
 /// <summary>
 /// 翻转到正面
 /// </summary>
 IEnumerator ToFront()
 {
  isActive = true;
  mBack.transform.DORotate(new Vector3(0, 90, 0), mTime);
  for (float i = mTime; i >= 0; i -= Time.deltaTime)
   yield return 0;
  mFront.transform.DORotate(new Vector3(0, 0, 0), mTime);
  isActive = false;
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • WPF实现在控件上显示Loading等待动画的方法详解

    WPF实现在控件上显示Loading等待动画的方法详解

    这篇文章主要介绍了WPF 如何在控件上显示 Loading 等待动画,文中的示例代码讲解详细,对我们学习或工作有一定帮助,需要的可以参考一下
    2023-03-03
  • C#从字符串中指定位置移除子字符串的方法

    C#从字符串中指定位置移除子字符串的方法

    这篇文章主要介绍了C#从字符串中指定位置移除子字符串的方法,涉及C#中Remove方法的使用技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • C# 中DateTime 的使用技巧汇总

    C# 中DateTime 的使用技巧汇总

    本文主要介绍了DateTime的使用技巧,包括获取本周、上周、下周、本月、上个月、下个月、本季度、上季度、下季度、本年度、上年度、下年度等多个方法,分享给大家,希望对大家有所帮助。
    2016-04-04
  • C#常用的数据格式转换汇总

    C#常用的数据格式转换汇总

    这篇文章介绍了C#常用的数据格式转换,有需要的朋友可以参考一下
    2013-10-10
  • 分享用于操作FTP的客户端C#类

    分享用于操作FTP的客户端C#类

    用.net自带的FtpWebRequest做的ftp客户端得程序,有一个功能实现起来会非常苦难,就是移动文件和文件夹的功能。所以后来又找了一个类,用socket实现的,发现比用ftpWebRequest功能要强。基本的ftp客户端得命令都实现了。
    2015-05-05
  • 在WPF中使用多线程更新UI

    在WPF中使用多线程更新UI

    这篇文章介绍了在WPF中使用多线程更新UI的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • 详解Unity中Mask和RectMask2D组件的对比与测试

    详解Unity中Mask和RectMask2D组件的对比与测试

    本篇文章给大家介绍Unity中Mask和RectMask2D组件的对比与测试,包括组件用法及RectMask2D的基本用法,通过Mask的原理分析实例代码相结合给大家讲解的非常详细,需要的朋友参考下吧
    2021-06-06
  • Unity3D如何获取时间戳或北京时间

    Unity3D如何获取时间戳或北京时间

    这篇文章主要为大家详细介绍了Unity3D获取时间戳或北京时间的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • C# 使用SharpZipLib生成压缩包的实例代码

    C# 使用SharpZipLib生成压缩包的实例代码

    SharpZipLib是一个C#的类库,主要用来解压缩Zip,GZip,BZip2,Tar等格式,是以托管程序集的方式实现,可以方便的应用于其他的项目之中。本文通过一个实例代码给大家介绍了C# 使用SharpZipLib生成压缩包的方法,感兴趣的朋友跟随小编一起看看吧
    2018-09-09
  • C#实现模拟ATM自动取款机功能

    C#实现模拟ATM自动取款机功能

    这篇文章介绍了C#实现模拟ATM自动取款机功能的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-08-08

最新评论