Unity meets

SpriteStudio2014.09.26 (Fri) / NCMB勉強会 #4

株式会社キッズスター システムデベロプメントチーム リーダー

森　哲哉

こんばんは！

もんりぃです。

今日のテーマ

×

と、いうわけで

アニメーション のおはなしです

おしながき

おしながき

• 自己紹介

• SpriteStudio って？

• Unity × SpriteStudio

• SS5Player Tips

自己紹介

$ whoami

• “森　哲哉” と申します。

• a.k.a: もんりぃ / T: @monry / F: monry84

• ♂ / O型 / 天秤座 / 既婚

• 趣味は「お酒」と「合唱」です。

$ whoami

本日30歳

に、なりました！！！(拍手)

$ whoami

Surface Pro 3

MacBook Pro (Retina)

がほしいです

$ whoami• 大学を (自主的に) 卒業後、ベンチャーを転々。

• Web のフロントエンド、サーバサイドが得意。

• ようやく Unity 歴 1 年チョイになりました。

• IaaS なクラウド使ったインフラ構築なんかもやってます。

• 何故か社内インフラも やらされ… やってます。

• 近頃は Backbone.js (と CoffeeScript と SASS) と戯れてます。

$ jobs• “株式会社キッズスター” って会社で働いてます。

• 未就学児～小学生のお子さまをお持ちのファミリーをターゲットにした、知育/教育に関わるアプリ・サービスを展開しております。

• お陰様で EdTech な知育分野に於いてNo.1 規模で展開しております！(当社調べｗ)

$ ls -la apps/

森のえほん館 なりきり!! ごっこランド

パズル&テイルズおかしのくにを つくるのじゃ!!

なりきり!! アイスクリーム 屋さんごっこ

なりきり!! ママごっこ

お弁当をつくろう！

こえほん おかしの家を つくろう！

ハンバーガー やさんごっこ

飛行機を 組み立てよう！

i18n i18n

i18n i18n

Work in Progress

SpriteStudio って？

SpriteStudio って？• WebTechnology 社が提供する超汎用 2D スプライトアニメーションデータ作成ツール

• 各種プラットフォームでの動作をサポート

• Unity / Cocos2d-x / CoronaSDK / UnrealEngine / HTML5

SpriteStudio って？• 頂点変形

• タイムライン編集

• キーフレーム間を自動補完

• Inverse Kinematics

• Flash ライク (らしい)

SpriteStudio って？• 動作環境

• Windows Vista 以上

• OS X Lion 以上 (Mavericks にも最近対応)

• お値段

• 92,500円 (フルライセンス)

• 5,500円 / 月 (サブスクリプションライセンス)

SpriteStudio って？

こんな凄いのが作れちゃいます

Unity × SpriteStudio

Unity × SpriteStudio

• 動作確認環境

• Unity: 4.5.4f1 (たぶん Basic 版でも OK)

• SpriteStudio: 5.3.0

• OS: OS X Mavericks

Unity × SpriteStudio• 用意するモノ

• Unity

• SpriteStudio

• SS5Player for Unity

• https://github.com/SpriteStudio/SS5PlayerForUnity

Unity × SpriteStudio

• SS5Player for Unity インストール (？) 手順

1. github から clone

2. UnityPackage 構築

3. プロジェクトに取り込み

• アニメーションデータ読み込み手順

1. 読み込み先ディレクトリ指定

2. メニューからダイアログ起動

3. Import ボタン押下

4. .sspj ファイル選択

Unity × SpriteStudio

Unity × SpriteStudio

Demo

SS5Player Tips

SS5Player Tips

• 現状の develop ブランチ取り込むと Warning

• GameObject.active を直接操作してる

• GameObject.SetActive(bool) に書き換える

SS5Player Tips

• スクリプトから色とか透過度とか変えたい

• Prefab が保有している全フレームの色情報を上書きするのが最適解か？

• めっちゃ泥臭いけど、こんな感じ。

SS5Player Tips• NGUI と組み合わせたいんだけど…。

• わりと死ねる。てか、素直に uGUI 使えしｗ

• ポイントは SortingLayer と SortingOrder

• UIPanel の Clipping とか考えると Shader の書き換えが必須なので、相当メンドい

• # この辺の話はいずれするかも

SS5Player Tips

• AssetBundle 作るのがちょっとメンドイ

• アニメ単位に Prefab と、ソレに紐付くMaterial と Texture を固めれば OK

• SS5 Player のバージョン次第でやりかた変わるかも？

SS5Player Tips

• アルファ付けようと思うと割とシンドイ

• 関節部分の重なりが濃くなっちゃう…。

• 今のところ解決策思い付きません (́･ω･`)

• 今後の開発に期待しています… |･ω･`) ﾁﾗｯ

SS5Player Tips

• X座標・Y座標・Z軸回転のいずれかが 無いパーツが読み込まれない

• v1.1 とかで解消されている…ハズ…。

• github の Issues とにらめっこしましょう

まとめ

まとめ

• 2D なアプリで予算があるなら使うべき

• 道から逸れて凝ろうとすると割と大変ｗ

• SS5Player for Unity は絶賛進化中なので ガシガシ PullRequest 送っちゃいましょう

Thank you foryour attention !