GTMF2012東京で行われたSpriteStudioのセッションの資料です。 なお、セッションの映像はUstreamでご覧いただくことができます。

1. SpriteStudio と Unity と CoronaSDK と ngCore !
～組み合わせて改善する 2D ワークフローと、
（HTML5と、）次期 SpriteStudio
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 1

2. ㈱ウェブテクノロジの主力製品
『OPTPiX imesta』 『SpriteStudio』
• 減色 • ２Ｄアニメーション作成
• テクスチャコンバート • UIパーツ作成
『コミPo！』 『ライブアニメ』
• 誰でもマンガが描けるツール • 音声入力同期のアニメ作成ツール
• 企画書作るのに便利 • ユーザーサポートやＥラーニング
を「やわらかく」
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 2

3. 『SpriteStudio』って？？
『超汎用』2Dアニメーション制作ツール
リソース バイナリ形式
『SpriteStudio』
.ssa
.sss
ユーザーデータ XML形式
フラグ .ssax
スクリプト .sssx
etc…

4. 『SpriteStudio』って？？
『超汎用』2Dアニメーション制作ツール
２Ｄ表現 キーフレーム方式
• コマアニメーション • グラフ、チャート
• 補完アニメーション • 親子関係
• パレットアニメーション • ユーザーデータ
擬似３Ｄ表現 ２種類の出力フォーマット
• パーツカラー（色演出） • バイナリ
• 頂点変形 • XML
• 頂点アルファ
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 4

5. 『SpriteStudio』超汎用の他力本願的成果
プラットフォーム別採用実績
 フィーチャーフォン
 PlayStation2、PlayStation3
 PSP、PS Vita
 ニンテンドーDS、ニンテンドー3DS
 Wii
 iOS
 Android
 Windows Phone（！）
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 5

6. 『SpriteStudio』超汎用なのでネイティブ開発！
Dr★モモの島
comcept / Index / GREE
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 6

7. 『SpriteStudio』超汎用なのでコンシューマから移植！
おさわり探偵小沢里奈
Beework / SUCCESS
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 7

8. 『SpriteStudio』超汎用なので『CoronaSDK』！
Defense Witches
NEWGATE
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 8

9. 『CoronaSDK』って？？
 Adobe社でFLASHを開発していたメンバー制作の、
iOS / Android / AmazonKindle / Nookアプリ開発用
フレームワーク
 Luaスクリプトで開発。ActionScript2.0に似ている
 Objective-C / Java は不要
 2Dタイプのアプリであればプロトタイピング～実制作が
かなり簡単
 物理エンジン、ネットワーク、UI、サウンド、動画、
HTML表示等のAPIを実装
 2Dオブジェクトを大量表示しても60fps維持
※iPad2上の「DefenceWitches」で計測
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 9

10. SpriteStudio → CoronaSDK → マルチ
XML → Lua
変換の段階で
補間計算結果を
SpriteSheet化
コンバータ自体は
NEWGATE様のご好意で
弊社サイトにて提供中
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 10

11. 『SpriteStudio』超汎用なので『ngCore』！
ロスト・キングダム
R-FORCE ENTERTAINMENT INC. / mobage
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 11

12. 『ngCore』って？？
 米ngmoco社が開発したインタプリタ型ゲームエンジン
 Javascriptだけで iOS / Android のアプリを開発可能
 DeNAプラットフォームのメジャータイトルで採用
 ネイティブと同等の2Dパフォーマンス、シンプルなAPI群
 ライブアップデートをサポート
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 12

13. 『SpriteStudio』超汎用の他力本願的成果（つづき）
プラットフォーム別採用実績（なんか減ってる）
 iOS
 Android
ゲームエンジン・フレームワーク別採用実績
 CoronaSDK
 ngCore
 enchant.js
 Unity3D
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 13

14. そして大制作
そして大完成
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 14

15. SpriteStudio → Unity → マルチパブリッシュ
•ドラッグ＆ドロップ
•カスタムアセット化
•プレハブは自動作成
•１ｱﾆﾒ＝１ｵﾌﾞｼﾞｪｸﾄ
•１ドローコール
•当たり判定継承
超簡単！
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 15

16. なんと・・・
無料です。
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 16

17. SpriteStudio → HTML5
どうせなら最近話題のHTML5にも、と対応コンバータを用意
 描画はCanvasを利用（CSS/jQueryは対応予定）
 アニメーションデータはJavascript配列
（json対応予定）
とは言え、いくつか問題点
 ブラウザ依存（一部機能はWebGL待ち）
 フレームレートも端末に依存する
 弊社単独ではどーにもできないかも・・・
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 17

18. SpriteStudio → HTML5
『超汎用』2Dアニメーション制作ツール
リソース SpriteStudio バイナリ形式
.ssa
ファイルリスト
.ssf
HTML
+ Ssa to HTML5
JS

19. そして気になる『次期SpriteStudio』
Ver.5
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 19

20. SpriteStudio現行・次期版比較イメージ
現行SpriteStudio 次期SpriteStudio（Win/Mac用）
（Win用）
2D表現 入力フォーマット
・コマ方式 プラグイン：FLASH（”.XFL”）
・キーフレーム方式
・パレットアニメーション
・パーツの親子関係 2D・3D統合表現
・キーフレーム方式
擬似3D表現 ・頂点カラー ・頂点変形
・頂点カラー ・UVアニメーション
・頂点変形 ・インバースキネマティクス（IK）
出力フォーマット
出力フォーマット
・独自バイナリ
・XML ・独自バイナリ
・XML
プラグイン
Win / iOS / Android
出力コンバータ Unity3D / CoronaSDK
Windows / iOS / HTML5 / andMore…
Unity3D / CoronaSDK
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 20

21. 次期SpriteStudio実装イメージ
動作環境OS
Windows / Macintosh  Windows と Macintosh 両対応
入力フォーマット  FLASH のインポート
FLASH（”.XFL”）  現行SSとは上位互換（Ver.4）
2D・3D表現統合  UV（テクスチャアニメーション）
・キーフレーム方式
・頂点カラー ・頂点変形  IK（インバースキネマティクス）
・UVアニメーション
・インバースキネマティクス → 機能追加に伴いUIの改良
出力フォーマット  コンバータのプラグイン化
・独自バイナリ / XML
 SDK公開
Win / iOS / Android
Unity3D / CoronaSDK
HTML5 / andMore…
Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 21

22. で、いつ出るのよ？
 2012年8月までにはプレビュー版を公開
 旧バージョンの販売とサポートは継続
→乗り換えについては『かなり優待』します
 次期SpriteStudioの発売開始は2013年初頭
・・・を目標

23. 秘密のスクリーンショット（2012/7/某日時点）

24. ご清聴ありがとうございました＆お問い合せください
SpriteStudioは、各プラットフォーム・ゲームエンジンに対応しています
iOS
Unity3D enchant.js
GREE mobage
CoronaSDK HTML5
Android
for Designers for Programmers for All Developers
•ドラッグ＆ドロップなど直感的な操作で、 •動きを付ける作業をデザイナに任せる •SpriteStudioが、アニメーションの
アニメーションデータの作成が可能に ことにより、負担が軽減 開発効率を向上させる！
•タイムチャートとグラフでアニメーション •SDKを使って、アニメーションデータの
データを視覚的に管理 コンバータにも簡単に作成可能
http://www.webtech.co.jp/spritestudio/
SpriteStudio Twitter：@spritestudio
Copyright (c) 2012 Web Technology Corp. All Rights Reserved.