アニメーションの作り方

背景を透明にした画像を作成する。

背景を透明にできるフリーのお絵描きソフトにはGIMPなどがあります。

f:id:n_obu1980:20210411101357p:plain

 

Assetsに画像を追加する。

f:id:n_obu1980:20210411101444p:plain

 

アニメーション用のフォルダを作成する。

f:id:n_obu1980:20210411101730p:plain

 

アセット→作成→”アニメーターコントローラー”を作成する。

f:id:n_obu1980:20210411101746p:plain

 

先ほど作成したフォルダに格納する。

※plyer_animatorなど分かりやすい名前にする

f:id:n_obu1980:20210411101828p:plain

 

ヒエラルキーにいずれか任意の画像を1つ追加する。

f:id:n_obu1980:20210411101425p:plain

 

ヒエラルキーに追加したファイルを選択し、コンポーネントを追加をクリック。”アニメーター”を追加する。

※アニメーションでは無い点に注意

f:id:n_obu1980:20210411102036p:plain

 

追加したアニメーターに先ほど追加したアニメーターコントローラーをドラッグ&ドロップする。

f:id:n_obu1980:20210411101930p:plain

 

そのまま画像(run1)を選択している状態で、ウインドウ→アニメーション→アニメーションをクリックする。

f:id:n_obu1980:20210411102415p:plain

 

表示されたウインドウの”作成”をクリックする。

f:id:n_obu1980:20210411102533p:plain

 

分かりやすい名前をつけて、アニメーションファイルを作成する。

f:id:n_obu1980:20210411102636p:plain

 

Assetsに追加しておいた画像ファイルを右側の時間が記載されている部分にドラッグ&ドロップで追加する。

走るアニメーションであれば、画像1→画像2→画像3→画像4→画像1

とした方が滑らかに見えるらしいです。

f:id:n_obu1980:20210411102740p:plain

 

再生をクリックすると動きを確認することができます。

f:id:n_obu1980:20210411104010p:plain


f:id:n_obu1980:20210411104040g:plain

 

”新しいクリップを作成”をクリックするとアニメーションを追加できるため、キャラクターに必要なアニメーションを追加していきます。

f:id:n_obu1980:20210413142336p:plain