Unity 2018 Timeline を使ってユニティちゃんを走らせてみた

kingyo222

6年前

Toggle

はじめに

Unityの比較的新しい機能を使ってみようと思ったため、みんな大好きユニティちゃんを走らせてみました。下の動画のようになります。
（一部解説していないのですが、ソースコードは公開するのでそちらをご覧ください）

Unity の Timeline 機能を完全に理解した！ pic.twitter.com/cFFKRApuoh

— たっつー（ささきたかし） (@kingyo222) 2018年9月7日

今回使うもの

ユニティちゃん（ http://unity-chan.com/contents/guideline/ ）

Unity での作成

Unityのバグ？っぽい現象などが多少あったので、本来であれば走らせるだけならノンプログラミングでいけますが今回はスクリプトを書いています。
（文字を逐次で出す部分は独自に作成しました）

新規プロジェクトの作成

新規プロジェクトの作成、名前は何でもいいのですがここでは「TimelineTest」と、「Creaet Project」で作成します。
Unityが起動したら、右上のレイアウトから「Tall」を選択（個人的な趣味）
Assetsの表示を一覧表示にする（個人的な趣味）
フォルダ名を変更（Scenes → TimelineTest）、今後ここに作成したファイルを格納します。

Timelineを追加

Projectウィンドウから右クリックから、Create > Timeline を選択します、名前は「Timeline」に変更。
「Timeline」ファイルを Hierarchy にドラッグアンドドロップする。
「Timeline」ファイルをダブルクリックして、「Timeline」ウィンドウを表示する。（ウィンドウが表示したら画面下あたりに配置）
「Timeline」ウィンドウの右上の鍵マークをクリックしてロックしておく。（この方が使いやすい）

床を追加

hieralceyのシーンを選択し、右クリックから「GameObject > 3D Object > Plane」を選択してPlaneを追加
今のままだと小さいので、Planeを選択しscaleを(5,5,5)に変更します。

床に柄をつける

Assetsで右クリックからマテリアルを追加します。
名前は「Yuka」としました。
今作成したマテリアルを選択し、InspectorのSheaderをUnit/Textureに変更します。
Tilingを x=10, y=10 に変更して、Selectを選択します。
表示されたダイアログからチェック模様を選択します。
Yukaを選択して、ドラッグアンドドロップで Plane に設定します。
シーンビューでタイル模様が設定された事が確認できる。

ユニティちゃんを追加

SDユニティちゃんをダウンロードする。
SDユニティちゃんを、ドラッグアンドドロップで、UnityのAssetsウィンドウに設定する。
このウィンドウが表示されるので、Import を選択する。
Assets > UnityChan > SD_unitychan > Prefabs > SD_uniychan_humanoid を選択し、Hierarchyにドラッグアンドドロップする。
シーンビューにユニティちゃんが追加された！
Inspector から使わないユニティちゃんの機能をオフにする。
- Idle Changer の IsGUI をオフ
- Face Update の IsGUI をオフ
- Random Wind の IsGUI をオフ
- IK Look At の IsGUI をオフ

ユニティちゃんを走らせる

Timeline を選択する。
Timelineウィンドウから、Add > Animation Trackを追加
Animation Trackが追加される。
追加した Animation Track にユニティちゃんを紐付ける
タイムラインで、右クリックし「Add From Animation Clip」でクリップを追加
Running@Loopを選択、この時にGenericとHumanoidがあるのでHumanoidを選択する事。
Timelineウィンドウに Clip が追加されるので横幅を調整して０〜５００くらいに設定する
ここまでの設定で Unity で実行すればユニティちゃんがその場で足踏みできるのが確認できる。

ユニティちゃんを動かす

新しい Animation Track を追加します。
Animation Track にユニティちゃんを紐付ける
録画ボタンを押す
ユニティちゃんを選択して、Inspector の Position Z=-5 に設定する。
白いバーを右に移動する（終了位置の指定）
ユニティちゃんを選択して、Inspector の Position Z=5 に設定する。
録画を停止、開始位置・終了位置に◆のマークが設定された事が確認できる
これで Unity の実行ボタンを押せば、ユニティちゃんが走るモーション＋実際に移動していて本当に走っているように見える。

カメラを動かす

同様に、「Main Camera」にも「ユニティちゃんを動かす」の Timeline を設定すればカメラも動かせるようになる。

文字を出す（オプション）

ソースコードを参照
（別のQiita記事を書きます）

パーティクルで派手にする（オプション）