2014年08月29日 (金) に TechBuzzSpace にて開催された「第24回 Unity 勉強会」にて発表しました。 Unity で SpriteStudio のデータを扱うための導入紹介です。

1. Unity
meets
SpriteStudio
2014.08.29 (Fri) / Unity 勉強会 vol.24
株式会社キッズスター
システムデベロプメントチーム リーダー
森 哲哉

2. こんばんは！

3. 「またお前か」
もとんかり言ぃわでなすいっ。！

4. 今日のテーマ

5. ×

6. と、いうわけで
アニメーション
のおはなしです

7. おしながき

8. おしながき
• 自己紹介
• SpriteStudio って？
• Unity × SpriteStudio
• SS5Player Tips

9. 自己紹介

10. $ whoami
• “森 哲哉” と申します。
• a.k.a: もんりぃ / T: @monry / F: monry84
• 29歳 / ♂ / O型 / 天秤座 / 既婚
• 来月26日に30歳になります！
(Surface Pro 3 が欲しいです…。)
• 趣味は「お酒」と「合唱」です。

11. $ whoami
• 大学を (自主的に) 卒業後、ベンチャーを転々。
• Web のフロントエンド、サーバサイドが得意。
• ようやく Unity 歴 1 年チョイになりました。
• AWS とキャッキャウフフするのも好きです。
• 何故か社内インフラも やらされ… やってます。
• 近頃は Backbone.js (と CoffeeScript と SASS) と戯れてます。

12. $ jobs
• “株式会社キッズスター” って会社で働いてます。
• 未就学児～小学生のお子さまをお持ちの
ファミリーをターゲットにした、知育/教育に
関わるアプリ・サービスを展開しております。
• お陰様で EdTech な知育分野に於いて
No.1 規模で展開しております！(当社調べｗ)

13. $ ls -la apps/
こえほん森のえほん館なりきり!!
おかしの家を
ごっこランド
パズル&テイルズ
おかしのくにを
つくるのじゃ!!
なりきり!!
アイスクリーム
屋さんごっこ
なりきり!!
ママごっこ
お弁当をつくろう！
つくろう！
ハンバーガー
やさんごっこ
飛行機を
組み立てよう！
i18n i18n
i18n i18n
Work in
Progress

14. SpriteStudio って？

15. SpriteStudio って？
• WebTechnology 社が提供する
超汎用 2D スプライトアニメーション
データ作成ツール
• 各種プラットフォームでの動作をサポート
• Unity / Cocos2d-x / CoronaSDK /
UnrealEngine / HTML5

16. SpriteStudio って？
• 頂点変形
• タイムライン編集
• キーフレーム間を自動補完
• Inverse Kinematics
• セールス部門？の A井さん が面白い

17. SpriteStudio って？
• 動作環境
• Windows Vista 以上
• OS X Lion 以上 (Mavericks にも最近対応)
• お値段
• 92,500円 (フルライセンス)
• 5,500円 / 月 (サブスクリプションライセンス)

18. SpriteStudio って？
こんな凄いのが
作れちゃいます

19. Unity × SpriteStudio

20. Unity × SpriteStudio
• 動作確認環境
• Unity: 4.3.4f1 (たぶん Basic 版でも OK)
• SpriteStudio: 5.3.0
• OS: OS X Mavericks

21. Unity × SpriteStudio
• 用意するモノ
• Unity
• SpriteStudio
• SS5Player for Unity
• https://github.com/SpriteStudio/SS5PlayerForUnity

22. Unity × SpriteStudio
• インストール (？) 手順
1. github から clone
2. UnityPackage 構築
3. プロジェクトに取り込み

23. Unity × SpriteStudio
• 読み込み手順
1. 読み込み先ディレクトリ指定
2. メニューからダイアログ起動
3. Import ボタン押下
4. .sspj ファイル選択

24. Unity × SpriteStudio
Demo

25. SS5Player Tips

26. SS5Player Tips
• 現状の develop ブランチ取り込むと Warning
• GameObject.active を直接操作してる
• GameObject.SetActive(bool) に書き換える

27. SS5Player Tips
• スクリプトから色とか透過度とか変えたい
• Prefab が保有している全フレームの色情報を
上書きするのが最適解か？
• めっちゃ泥臭いけど、こんな感じ。

28. SS5Player Tips
• NGUI と組み合わせたいんだけど…。
• わりと死ねる。てか、素直に uGUI 使えしｗ
• ポイントは SortingLayer と SortingOrder
• UIPanel の Clipping とか考えると Shader の
書き換えが必須なので、相当メンドい
• # この辺の話はいずれするかも

29. SS5Player Tips
• AssetBundle 作るのがちょっとメンドイ
• アニメ単位に Prefab と、ソレに紐付く
Material と Texture を固めれば OK
• 詳しく知りたければ懇親会で聞いてくださいｗ

30. SS5Player Tips
• アルファ付けようと思うと割とシンドイ
• 関節部分の重なりが濃くなっちゃう…。
• 今のところ解決策思い付きません (́･ω･`)
• 今後の開発に期待しています… |･ω･`) ﾁﾗｯ

31. まとめ

32. まとめ
• 2D なアプリで予算があるなら使うべき
• 道から逸れて凝ろうとすると割と大変ｗ
• SS5Player for Unity は絶賛進化中なので
ガシガシ PullRequest 送っちゃいましょう

33. Thank you for
your attention !