シヴァのブログ

UnityやUE4や趣味とかいろいろ...

Unityちゃんのアニメーション(仮)

Unityちゃん2Dで、

スプライトがはいっていたのでアニメーションを作ってみた。

スプライトとは・・・

2Dゲームで登場するキャラクターやアイテムなどの2Dのグラフィックスオブジェクトことを指す。

 

んで、

gifファイルを自分で作成してどういう風に動くのかチェック。

f:id:shivaT:20150523181001g:plain

Idle.gif

f:id:shivaT:20150523181000g:plain

Damage.gif

f:id:shivaT:20150523180959g:plain

AirDamage.gif

f:id:shivaT:20150523181003g:plain

Run.gif

f:id:shivaT:20150523181002g:plain

Jump.gif

 

 

はい。

動作確認終了。

ユニティちゃんライセンス

このコンテンツは、『ユニティちゃんライセンス』で提供されています

 

あと、

画像と文字を中央表示の方法をメモ。

-------------------------------------------------------------

<div align="center">
<img src="http://unity-chan.com/images/imageLicenseLogo.png" alt="ユニティちゃんライセンス" />
<p> このコンテンツは、『<a href="http://unity-chan.com/contents/license_jp/" target="_blank">ユニティちゃんライセンス</a>』で提供されています</p>
</div>

-------------------------------------------------------------

divタグでくくるだけ。

当たり前だけど、はてなブログのHTML編集で行う。

そんだけ。

 

 

[サイトのメモ]

・スプライト(画像)の分割

Slice,Crop,Resize Picture - PICSLICE

ツールの使い方。

①画像の下の方に「Computer」と書かれているところで、

ローカルにある画像を「選択」する。

f:id:shivaT:20150523190619p:plain

②選択して「Upload」ボタンを押すと画像が以下のように表示される。

そのあと、画像のすぐ上に「Slice picture」ボタンがあるので押す。

f:id:shivaT:20150523190821p:plain

③「Vertical Slice」と「Horizontal Slice」に分割したい数値を記入して、

「Generate」ボタンを押すと以下のように分割結果が表示される。

最後に、

「Download ZIP(ALL SLICES)」ボタンを押すとダウンロードできる。

f:id:shivaT:20150523191157p:plain

・zipファイル解凍(mac)

StuffIt Expander

StuffIt Expander

  • Smith Micro Software, Inc.
  • ユーティリティ
  • 無料

gifファイル作成