DOTween は Unity上で、とても簡単にパワフルなアニメーション表現が実現できるアセットです。その設定法は奥深いですが、ここではその基本部分だけを解説してみます。

前回「DOTweenとは」について解説しました。今回は、DOTweenの使用法を解説します。

Unity Basic_229

【DOTweenの使い方】

① DOTweenをインポート

まず、DOTweenをアセットストアからインポートします。
以下のURLにあります。

https://assetstore.unity.com/packages/tools/animation/dotween-hotween-v2-27676

「Add to My Assets」をクリック。
Unity Basic_238

Unityのパッケージマネージャーから「Download」と「Import」をクリック。
Unity Basic_239

DOTweenのインポートが終わると、このウィンドウが出てセットアップが必要ですと言ってきます。「Open DOTween Utility Panel」をクリック。
Unity Basic_240

「Setup DoTween」をクリック。
Unity Basic_241

とりあえず初期設定のまま「Apply」でかまいません。
Unity Basic_242

Assets ＞ Pluginsフォルダ配下に、DOTweenに必要なファイルがインポートされています。
Unity Basic_243


② スクリプトに記述（namespace）

スクリプトの最初に以下の usingの指定を行います。

　using DG.Tweening;

Unity Basic_244


③ スクリプトに記述（移動アニメーション）

簡単なアニメーションとして、ゲームオブジェクトの transformに対して移動させるアニメーションを考えてみます。
以下の例だとゲームオブジェクトが１秒かけて、X座標の方向に８移動します。

Unity Basic_246

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

using DG.Tweening;

public class Test_DOTween : MonoBehaviour
{
    void Start()
    {
        transform.DOMove(new Vector3(8f, 0, 0), 1f);
    }
}

この関数の詳細は以下の様になります。

　transform.DOMove (移動座標, 移動時間);



【簡単なDOTweenの関数】

では、使い方が分かったので、いくつか基本的な関数を見て行きましょう。
全ての関数を確認したい場合は、以下の公式サイトをご覧ください。

http://dotween.demigiant.com/documentation.php

【transformコンポーネントの例】

DOMove：
Transformの Positionを指定して移動。
Unity Basic_248

　transform.DOMove(new Vector3(8f, 0, 0), 1f);

Unity Basic_247


DORotate：
Transformの Rotationを指定して回転。
Unity Basic_249

　transform.DORotate(new Vector3(0, 0, 90), 1f);

Unity Basic_250


DOScale：
Transformの Scaleを指定して拡大・縮小。
Unity Basic_251

　transform.DOScale(new Vector3(3, 3, 3), 1f);

Unity Basic_252


【SpriteRendererコンポーネントの例】

DOColor：
SpriteRenderの Colorを指定して色を変える。
Unity Basic_253

　image.DOColor(Color.red, 2f);

Unity Basic_254

DOFade：
SpriteRenderの Colorのアルファ値を指定してフェードアウトする。
Unity Basic_255

　image.DOFade(0f, 2f);

Unity Basic_256


【Cameraコンポーネントの例】

DOColor：
Cameraの Backgroundの色を指定して色を変える。
Unity Basic_257

　camera.DOColor(Color.green, 2f);

Unity Basic_258



次回は、よりパワフルなDOTweenの使用法を解説します。



Sponsored Link
タグ ：
#Unity
#Basic