【Unity】DOTweenを使ってみよう！入門編

Unity

2022.04.04

紹介する内容について
補間して移動する
色を変える
他にも便利な機能はたくさん
使ったみた感想
1. デザイナーさんに引き渡せない心配もある
活動内容のPR
終わりに

紹介する内容について

今回はいくつか例を出してソースコードからゲームオブジェクトを制御したいと思います。

内容としては

位置を補間して移動をする
色を変える

などをしてみたいと思います。

機能はまだまだありますが、今回は初歩的なものだけです

補間して移動する

ソースコード上の手順としては

定義を追加（ソースコード上の追加）
移動先を指定する
補間タイプを設定
移動が終わったらログを出力

ソースコードはこのような形になりました。

using UnityEngine;
using DG.Tweening;　// 1. 定義を追加

public class DoTweenTest : MonoBehaviour
{
    void Start()
    {
        // 2. 移動先を指定(位置、秒数)
        var tween = transform.DOMove(new Vector3(10f, 10f, 10f), 3f);

        // 3. 補間方法を指定
        tween.SetEase(Ease.Linear);

        // 4. 終了したらログ
        tween.OnComplete(()=>Debug.Log("移動終了"));
    }
}

ここから一つずつ解説していきます

1. 定義を追加（ソースコード上の追加）

DOTweenの機能を使うための定義です。

2. 移動先を指定する

定義を追加するとTransformにDOTweenの機能が指定できるようになるので

transformのDOMoveを呼び出し
目標座標と移動時間を指定
返り値をtweenとして受け取る

をしています。

3. 補間タイプを設定

tweenとして受け取ったオブジェクトに色々設定することができます。
ここでは補間タイプ（一定速度）を設定しておきます。

補間タイプはどんなふうに移動するかということです。
例えば一定速度、早→遅、遅→早などがあります

4. 移動が終わったらログを出力

tweenにほしいタイミングで通知を受け取れる関数がたくさんあるので
ここではOnFinishにログ出力を設定して終わったときにログが出力されるようにしておきます。

色々なイベントがあって便利ですよね

動作を確認

移動していることが確認できました！

ログにも「移動完了」と表示されています

色を変える

では次は箱の色を変えてみましょう。
手順は下記となります。

定義を追加（ソースコード上の追加）
色を変更
元の色と赤を繰り返しループ設定

ソースコードはこちら

using UnityEngine;
using DG.Tweening;　// 1. 定義を追加

public class DoTweenTest2 : MonoBehaviour
{
    void Start()
    {
        // 2. 色を変更
        var renderer = GetComponent();
        var tween = renderer.material.DOColor(Color.red, 1f);

        // 3. 元の色と赤を繰り返しループする
        tween.SetLoops(-1, LoopType.Yoyo);
    }
}