Unity3D利用DoTween實(shí)現(xiàn)卡牌翻轉(zhuǎn)效果
利用Unity的UGUI制作了2D卡牌翻轉(zhuǎn)的效果,如果是sprite對(duì)象的話,原理應(yīng)該也是一樣的,以下是效果圖
圖1 卡牌翻轉(zhuǎn)效果
關(guān)于DoTween
DoTween是一款十分強(qiáng)大且好用的動(dòng)畫效果插件,有免費(fèi)版和收費(fèi)版,免費(fèi)版就可以滿足大部分需求了,在Unity Assets Store里就可以下載,在本效果里就用了DoTween的旋轉(zhuǎn)功能。
設(shè)計(jì)思路
創(chuàng)建一個(gè)空物體,空物體下有兩個(gè)image對(duì)象,一個(gè)是正面,一個(gè)是背面。假設(shè)我們從正面開(kāi)始,則初始狀態(tài)下正面的旋轉(zhuǎn)角度為(0,0,0) (0,0,0)(0,0,0),讓背面的旋轉(zhuǎn)角度為(0,90,0) (0,90,0)(0,90,0),這樣背面就看不見(jiàn)了。
觸發(fā)旋轉(zhuǎn)時(shí),例如讓正面在0.3秒內(nèi)旋轉(zhuǎn)到(0,90,0) (0,90,0)(0,90,0),這樣正面就看不見(jiàn)了,等旋轉(zhuǎn)完成后再讓背面0.3秒旋轉(zhuǎn)到(0,0,0) (0,0,0)(0,0,0),這樣背面出現(xiàn),整個(gè)翻轉(zhuǎn)的過(guò)程就完成了,如果不明白,可以想象一下一張撲克牌從正面慢慢翻轉(zhuǎn)到背面的情況,首先旋轉(zhuǎn)到側(cè)面對(duì)著你,然后再?gòu)膫?cè)面旋轉(zhuǎn)到背面。
使用方法
- 導(dǎo)入DoTween插件
- setup插件
- 創(chuàng)建一個(gè)Canvas
- 在Canvas下創(chuàng)建一個(gè)空物體命名為Card
- 在Card下創(chuàng)建兩個(gè)Image(UI),分別命名為Front和Back,大小和位置均相同
- 給Back和Front附上你選定的圖片,如果沒(méi)有可以用不同顏色替代
- 給Card附上CardTurnOver.cs腳本
- 將Front和Back對(duì)象拖動(dòng)到腳本的對(duì)應(yīng)位置
- 設(shè)置腳本的card state,意味著從正面開(kāi)始還是背面開(kāi)始
- 設(shè)置腳本的time,即旋轉(zhuǎn)所花費(fèi)的時(shí)間
- 創(chuàng)建兩個(gè)Button對(duì)象,增加OnClick方法,將Card對(duì)象拖進(jìn)去,并分別調(diào)用StartBack和StartFront方法
- 點(diǎn)擊兩個(gè)按鈕就能看到卡牌翻轉(zhuǎn)的效果了,注意只有在正面的時(shí)候才能翻到背面,背面同理。
腳本
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;//別忘了引用
//卡牌狀態(tài),正面、背面
public enum CardState
{
Front,
Back
}
public class CardTurnOver : MonoBehaviour{
public GameObject mFront;//卡牌正面
public GameObject mBack;//卡牌背面
public CardState mCardState = CardState.Front;//卡牌當(dāng)前的狀態(tài),是正面還是背面?
public float mTime = 0.3f;
private bool isActive = false;//true代表正在執(zhí)行翻轉(zhuǎn),不許被打斷
/// <summary>
/// 初始化卡牌角度,根據(jù)mCardState
/// </summary>
public void Init()
{
if(mCardState==CardState.Front)
{
//如果是從正面開(kāi)始,則將背面旋轉(zhuǎn)90度,這樣就看不見(jiàn)背面了
mFront.transform.eulerAngles = Vector3.zero;
mBack.transform.eulerAngles = new Vector3(0, 90, 0);
}
else
{
//從背面開(kāi)始,同理
mFront.transform.eulerAngles = new Vector3(0, 90, 0);
mBack.transform.eulerAngles = Vector3.zero;
}
}
private void Start()
{
Init();
}
/// <summary>
/// 留給外界調(diào)用的接口
/// </summary>
public void StartBack()
{
if (isActive)
return;
StartCoroutine(ToBack());
}
/// <summary>
/// 留給外界調(diào)用的接口
/// </summary>
public void StartFront()
{
if (isActive)
return;
StartCoroutine(ToFront());
}
/// <summary>
/// 翻轉(zhuǎn)到背面
/// </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>
/// 翻轉(zhuǎn)到正面
/// </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;
}
}
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持我們。
上一篇:Unity3D實(shí)現(xiàn)物體旋轉(zhuǎn)縮放移動(dòng)效果
欄 目:C#教程
下一篇:UGUI實(shí)現(xiàn)ScrollView無(wú)限滾動(dòng)效果
本文標(biāo)題:Unity3D利用DoTween實(shí)現(xiàn)卡牌翻轉(zhuǎn)效果
本文地址:http://www.jygsgssxh.com/a1/C_jiaocheng/4874.html
您可能感興趣的文章
- 01-10C#利用反射技術(shù)實(shí)現(xiàn)去掉按鈕選中時(shí)的邊框效果
- 01-10C#圖片處理3種高級(jí)應(yīng)用
- 01-10Unity3d獲取系統(tǒng)時(shí)間
- 01-10Unity3D獲取當(dāng)前鍵盤按鍵及Unity3D鼠標(biāo)、鍵盤的基本操作
- 01-10C#異步下載文件
- 01-10C# Console利用mspaint打開(kāi)圖像并保存的方法
- 01-10C#利用delegate實(shí)現(xiàn)Javascript的each方法
- 01-10C#利用GDI繪制常見(jiàn)圖形和文字
- 01-10利用C#實(shí)現(xiàn)網(wǎng)絡(luò)爬蟲
- 01-10C# 利用ICSharpCode.SharpZipLib實(shí)現(xiàn)在線壓縮和解壓縮


閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹(shù)的示例代碼(圣誕
- 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問(wèn)題方法
- 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語(yǔ)言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 01-10C#通過(guò)反射獲取當(dāng)前工程中所有窗體并
- 01-10關(guān)于ASP網(wǎng)頁(yè)無(wú)法打開(kāi)的解決方案
- 01-10WinForm限制窗體不能移到屏幕外的方法
- 01-10WinForm繪制圓角的方法
- 01-10C#實(shí)現(xiàn)txt定位指定行完整實(shí)例
- 01-10WinForm實(shí)現(xiàn)仿視頻播放器左下角滾動(dòng)新
- 01-10C#停止線程的方法
- 01-10C#實(shí)現(xiàn)清空回收站的方法
- 01-10C#通過(guò)重寫Panel改變邊框顏色與寬度的
- 01-10C#實(shí)現(xiàn)讀取注冊(cè)表監(jiān)控當(dāng)前操作系統(tǒng)已
隨機(jī)閱讀
- 01-10delphi制作wav文件的方法
- 08-05DEDE織夢(mèng)data目錄下的sessions文件夾有什
- 01-10C#中split用法實(shí)例總結(jié)
- 01-11ajax實(shí)現(xiàn)頁(yè)面的局部加載
- 01-10SublimeText編譯C開(kāi)發(fā)環(huán)境設(shè)置
- 04-02jquery與jsp,用jquery
- 01-11Mac OSX 打開(kāi)原生自帶讀寫NTFS功能(圖文
- 08-05dedecms(織夢(mèng))副欄目數(shù)量限制代碼修改
- 01-10使用C語(yǔ)言求解撲克牌的順子及n個(gè)骰子
- 08-05織夢(mèng)dedecms什么時(shí)候用欄目交叉功能?


