Unityでスト２を作ろうと思ったらケルナグールに似てきた話

Qiitaにアップロードできる画像容量にも上限があるようなので、全記事を整理中。

# Unityでスト２を作ろうと思ったらケルナグールに似てきた話

![201701170703gif10.gif](https://qiita-image-store.s3.amazonaws.com/0/159417/55afa9bc-a199-7041-a563-b76d055eaff8.gif)
何がダメなのか考えてみた。

#ソース公開中 Open source
https://github.com/muzudho/KifuwarabeFighter2

#**体感１位** 泣く泣くスライスは幅指定する
頭身が低いからでは、というのは分かっている話しで、その手前、なぜ頭身を低くしたか、の話しだ。Unityにはスライスという機能があって……。
![201701170711a8.png](https://qiita-image-store.s3.amazonaws.com/0/159417/cbfbaa19-3717-505a-17f9-46f071ee3b06.png)

ペラペラ漫画のようにモーションを作ってくれる。　おお、こりゃ便利だと思って……。
##Stand 立ち
![201701170711a1.png](https://qiita-image-store.s3.amazonaws.com/0/159417/cad4ffb2-39fe-8f68-3d5f-28d06f5c9d9c.png)

##Jump 跳び
![201701170711a2.png](https://qiita-image-store.s3.amazonaws.com/0/159417/2b034097-2419-1cfb-4495-ec71345e43f3.png)

##Dash 走り
![201701170711a3.png](https://qiita-image-store.s3.amazonaws.com/0/159417/9abec73a-7ac1-388f-470f-949e1cb15e33.png)

##Crouch 屈み
![201701170711a4.png](https://qiita-image-store.s3.amazonaws.com/0/159417/c7af0120-a0fc-5358-b9c7-c8145dd1b272.png)

##Other その他
![201701170711a5.png](https://qiita-image-store.s3.amazonaws.com/0/159417/933d9850-62a5-746a-107e-7fd9cd4b0306.png)

#違う、そうじゃない
スライスしてどんどんアニメが作れる、と喜んで画像を用意していたんだが、そもそも　128x128で幅指定してスライスするとかは　爆発エフェクト３０コマのアニメとかを作るものだ。人体のような縦長のグラフィックを　矩形指定でスライスしていると空いている無駄が多すぎる。

![201701170711a10.png](https://qiita-image-store.s3.amazonaws.com/0/159417/f89235dd-469e-02d6-e7ab-c0d4e36f61e0.png)

Unity には　Automatic 指定でスライスしてくれる機能がある。ドラクエのモンスターでも　格ゲーのキャラクターでも　たぶん上手く切り抜いてくれるのではないか。

![201701170711a12.png](https://qiita-image-store.s3.amazonaws.com/0/159417/a914ec5e-9a34-7033-4310-400683d90e9b.png)
おおっ！　座標なんか指定しなくても勝手に切り抜いてくれる！

![201701170711a16.png](https://qiita-image-store.s3.amazonaws.com/0/159417/6001814a-c5d4-e93b-e9d3-760312ca5316.png)
腕パーツだけ抜かれることもあるが。

すると気になってくる。
![201701170711a13b.png](https://qiita-image-store.s3.amazonaws.com/0/159417/76e58f50-964c-1bf4-8fe6-b7780fa0daaa.png)
##オートマティックの精度とは。

![201701170711a18.png](https://qiita-image-store.s3.amazonaws.com/0/159417/8160b56d-f7dc-63e7-1540-700de3bf169a.png)
こんなに　無駄なく切り取ってくれるのなら　オートマティックでもいいのではないか……。

![201701170711a20.png](https://qiita-image-store.s3.amazonaws.com/0/159417/570a65ef-7e80-3cc5-c894-49791ca75f80.png)
一番外の枠で切り抜くようだ。

![201701170711a22.png](https://qiita-image-store.s3.amazonaws.com/0/159417/963651a7-2754-08a2-59d2-c2ea0fec2a40.png)
Ｃ　だけ切り抜かれた画像は　いなかった。　周りを囲まれていると判定されたのだろう。なんとなく分かる。

Automatic に問題があるとすれば
![201701170711a24.png](https://qiita-image-store.s3.amazonaws.com/0/159417/a3fc141f-d1ca-723e-f506-07b5a78c7e28.png)
キャラの中心が　大きくずれるようなアクションがあるときだが。

![201701170711a28.png](https://qiita-image-store.s3.amazonaws.com/0/159417/e8bacdc1-bdfb-0d7f-00e8-827a2bfca6d0.png)
スプライトエディターには　確かに　マウス操作で　中心を設定する機能もある。１ドットのずれもなく６４枚ぐらいの画像を３キャラ分設定するのだろうか。

そんなことは嫌なので　枠をこっちで用意して中心を強制して
![201701170711a25c.png](https://qiita-image-store.s3.amazonaws.com/0/159417/808ec1d1-ef56-22c6-b9a7-1596274544f5.png)
枠線だけ色を抜こうとしたり、切り取った画像の外側を　手入力で２ピクセル縮めようとしたものの、できなかったし、ぜんぜん楽できなかったのでやめた。

かゆいところに手が届かないとき、あと　もうちょっとだけひと手間加えることで　大幅に作業が効率化されるとき、まさに　そのときだけが　プログラミング・スキルの活躍の場なんだが　なんだか公園から追い出された気分だ。

![201701170917gif11.gif](https://qiita-image-store.s3.amazonaws.com/0/159417/08751180-4f09-99cd-49dc-ea416962d023.gif)

で、

![201701170711a29.png](https://qiita-image-store.s3.amazonaws.com/0/159417/d75471df-b5b8-e3dd-e9d8-43fd1140af05.png)
このテンプレートで　キャラクター・グラフィックを描けば、中心は見たとおりだし、円状の線が引っ張っていて回転しても切れない範囲が分かるし、赤い箱を描いておけば　当たり判定が設定される。
そういうシステムにした。

内側の四角で　６４ｘ６４ピクセルなので、単純に考えて　ビデオメモリを１６倍　酷使すれば　２５６ｘ２５６ピクセルにして　キャラクターの頭身も上げれるだろう。つらい。

#怠惰、甘え
もっと怠惰に、もっとＰＣの性能に甘えて　楽したい。

関連記事：
「Unityでスト２を作ろうと思ったら、すでにあったでござるよの巻」
http://qiita.com/muzudho1/items/20851147a165bb9ec344

「Unityで2Dを選ぶとき、3Dとは何が違うのか？2D格闘制作振り返り」
http://qiita.com/muzudho1/items/a9b236f386063f51961e#_reference-10b4db67499dcde0d010

「絵を描こう＜１＞」
http://qiita.com/muzudho1/items/b39cb66418e799338aa7#_reference-f9826ea2ae63c8a6bedd