【Unity】iTweenで簡単にオブジェクトを動かす使い方

f:id:clrmemory:20171121045854p:plain

こんにちはクリアメモリです！

今回はUnityで使える「iTween」という機能を紹介します。

iTweenをうまく使うことで、思った通りにオブジェクトを動かすことができると思います。

はじめに

iTweenを使うと「オブジェクトを○秒かけて○に移動する」というような実装ができます。

移動だけではなく、回転や大きさなども同じようにして動かすことができるので使い勝手が良いですよね。

このiTweenはUnityで新規プロジェクトを作成しただけでは実装されていないので、まずは準備が必要になります。

今回の動作が分かりやすくなるように動画を作成しました。先に確認しておくと実装例が分かりやすくなるかもしれません。

iTweenを用意する

iTweenはAssetStoreからインポートすることができます。AssetStoreを開いて「iTween」と検索してください。

スクリーンショット 2016-05-02 11.26.58

このように開かれるので「インポート」を選択して、導入しましょう。

スクリーンショット 2016-05-02 11.30.32

サンプルなどは必要ありませんがとりあえずは全て「Import」しておいてください。このようにAssetをImportするだけでiTweenを使うことができるようになりました。

では実際にどのような使い方をすれば、オブジェクトを動かすことができるようになるのか説明していきます。

iTweenで動かす

まず動かしたいオブジェクトを用意してください。

今回は「移動」「回転」「大きさ」をiTweenで操作してみたいと思います。以下のように用意した「Cube」を動かしてみましょう。

スクリーンショット 2016-05-02 12.12.29

まずは移動からです。iTweenを使ってオブジェクトを移動させるときには以下のようなコードを使います。

Move

using UnityEngine;
using System.Collections;

public class Tween : MonoBehaviour {

    public GameObject obj;

    // Use this for initialization
    void Start () {
    }
    public void MoveRight(){
        iTween.MoveTo (obj, iTween.Hash ("x", obj.transform.position.x+2, "time", 3));
    }
}

MoveRightを呼び出すとオブジェクトが「現在のx座標+2」分だけ移動するというようなコードになっています。

このコードを見ると「iTween.Hash」と書かれた箇所があると思います。

これはiTweenを使う上で重要になるもので、"x"や"time"というように割り当てることで、どのような動作をするのか指定することができます。

“x"はx軸、"time"は移動完了までにかかる時間というような具合ですね。このように書くと、オブジェクト「obj」の「x」を「3」秒で移動させるコードになります。

同じようにして、オブジェクトの大きさを○秒で変更させるコードを書いてみましょう。

Scale

using UnityEngine;
using System.Collections;

public class Tween : MonoBehaviour {

    public GameObject obj;
    Vector3 scale;

    // Use this for initialization
    void Start () {
        scale = obj.transform.localScale;
    }
    public void Scale(){
        iTween.ScaleTo (obj, iTween.Hash ("x", scale.x+1, "y", scale.y+1, "z", scale.z+1, "time", 3));
        scale = obj.transform.localScale;
    }
}

先ほどと同じように"x"と"time"がでてきています。

“x"のようにy軸やz軸も指定できるので、1行でxyzの大きさを一度に変更することができました。

また、scaleを変更した後で、初期化することによって「Scale( )を呼び出すたびに、1ずつ大きくする」というコードにすることもできます。

もちろん、大きさを指定したいときは「scale.x+1」ではなく「1」と書くだけでサイズ変更できます。

最後に回転を変更しましょう。

Rotate

using UnityEngine;
using System.Collections;

public class Tween : MonoBehaviour {

    public GameObject obj;

    // Use this for initialization
    void Start () {
    }
    public void Rotate(){
        iTween.RotateTo (obj, iTween.Hash ("x", 90, "time", 3));
    }
}

ここまでくればもうわかりますね。オブジェクト「obj」の「x軸」を「3秒」で「90°」回転させるというコードになっています。

内容はMoveやScaleと同じなので、詳しい解説は必要ないと思います。

では最後にこのコードを呼び出すボタンをを作成していきましょう。