渋谷ほととぎす通信

完全趣味でやってるUnityメモ。説明できないところを説明できるようにするための個人ブログ。昨日の自分より少しでも大きくなれるように。。。 ※所属団体とは一切関係がありません

Unity ImageSequencerがイイ感じに面白い


f:id:esakun:20161105161557g:plain

環境

Unite2016 LAが先日開催されました。私はテラシュールブログさんの記事しかまだ追いかけられておりませぬ。

開発の民主化と課題の解決をしていくことを理念として日に日にUnityは進化し続けるということがわかりました。

そんな中、気になった(現時点でさわれそうなもの)のがUnity5.5betaで使える ImageSequencer です。

イメージシーケンサーその名の通り画像をシーケンスする、つなげてアニメーションさせることが出来るツールのようです。 最終的なアウトプットは連番ファイルを1枚のスプライトシートにして書き出してくれるものだと思います。

f:id:esakun:20161105164328p:plain

※こんな感じのスプライトシート

とりあえず使ってみる

コチラからソースとアセットがダウンロードできます。

f:id:esakun:20161105162217p:plain

ダウンロードしたImageSequencerのUnityPackageファイルをインポートします。

f:id:esakun:20161105164439p:plain

ImageSequencesというフォルダが出来ると思うので、その中のScriptableObjectをとりあえずどれか選択。

f:id:esakun:20161105164755g:plain

するとLoadingインジケータが数秒走り、ImageSequencerのウィンドウが開き、InputFrames, Processors, Exportというタブが現れます。

InputFrames

読み込まれた連番画像の読み込みと削除、連番アニメーションのプレビューを主に確認する機能です。

Processors

f:id:esakun:20161105165928g:plain

書き出すスプライトシートの加工を行えます。
加工の種類はたくさんあって、処理の順番も変更できるため、いろんなことが出来るのだろうと思います。(検証しきれておりません)
+ボタンで追加 -ボタンで選択中の加工を削除できます リアルタイムに反映してくれるので感覚的です。

しかし、Processors後(加工後)のアニメーション確認機能が欲しいところです。探してみましたが見当たりませんでした。

Export

f:id:esakun:20161105170040p:plain

加工を終えたスプライトシートを書き出します。

  • tga
  • OpenEXR
  • png

3種類の書き出しに対応。

通常、後からでも設定できる Filter Mode, Wrap Mode, Generate MipMapsなどのテクスチャ設定がここでも出来る理由があまり良く分かりませんが、あります。

書き出しは Export as New...か、Update Exported Assetsです。 初回はExport as Newを選択するしかありませんが、2度目からの更新ならUpdate Exported Assetsを選べば更新されるのは地味ですが非常に便利です。

出来上がったら

Shurikenで手っ取り早く試してみます。
適当なMaterialを作ってスプライトシートをアタッチします。

f:id:esakun:20161105172032p:plain

加算表現が合うので、シェーダは Mobile/Particles/Additve を選択。

f:id:esakun:20161105172223p:plain

ShurikenのインスペクタにMaterialをアタッチして、 Texture Sheet Animation のTilesを(8, 8)にして完成。
※Tiles設定は画像の縦横の数に合わせる

f:id:esakun:20161105163832g:plain

ShurikenのVelocityをいじって煙的な表現や、

f:id:esakun:20161105161433g:plain

ImageSequencerのProcessorsでの加工で、いろいろやるとこんな邪悪なよくわからないものも簡単に出来上がります。

まとめ

ImageSequencerは表現の幅を広げてくれるツールとして非常に楽しみです。自分的にはこれらの連番画像をどうやって調達してくるかが大きな課題ではありそうです。AfterEffectとか?

あわせてどうぞ

www.shibuya24.info

www.shibuya24.info

www.shibuya24.info

www.shibuya24.info