GTMF2012　SpriteStudio と "Unity" と "CoronaSDK" と "ngCore" ! ～組み合わせて改善する 2D ワークフローと、次期 SpriteStudio

SpriteStudio と Unity と CoronaSDK と ngCore !
～組み合わせて改善する 2D ワークフローと、
（HTML5と、）次期 SpriteStudio

Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 1

㈱ウェブテクノロジの主力製品

『OPTPiX imesta』『SpriteStudio』

• 減色 • ２Ｄアニメーション作成

• テクスチャコンバート • UIパーツ作成

『コミPo！』『ライブアニメ』

• 誰でもマンガが描けるツール • 音声入力同期のアニメ作成ツール

• 企画書作るのに便利 • ユーザーサポートやＥラーニング
を「やわらかく」


『SpriteStudio』って？？

『超汎用』2Dアニメーション制作ツール

リソースバイナリ形式
『SpriteStudio』
.ssa
.sss

ユーザーデータ XML形式
フラグ .ssax
スクリプト .sssx
etc…

『SpriteStudio』って？？


２Ｄ表現キーフレーム方式

• コマアニメーション • グラフ、チャート

• 補完アニメーション • 親子関係

• パレットアニメーション • ユーザーデータ

擬似３Ｄ表現２種類の出力フォーマット

• パーツカラー（色演出） • バイナリ

• 頂点変形 • XML

• 頂点アルファ


『SpriteStudio』超汎用の他力本願的成果

プラットフォーム別採用実績
 フィーチャーフォン
 PlayStation2、PlayStation3
 PSP、PS Vita
 ニンテンドーDS、ニンテンドー3DS
 Wii

 iOS
 Android
 Windows Phone（！）


『SpriteStudio』超汎用なのでネイティブ開発！

Dr★モモの島
comcept / Index / GREE


『SpriteStudio』超汎用なのでコンシューマから移植！

おさわり探偵小沢里奈
Beework / SUCCESS


『SpriteStudio』超汎用なので『CoronaSDK』！

Defense Witches
NEWGATE


『CoronaSDK』って？？

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


SpriteStudio → CoronaSDK → マルチ

XML → Lua
変換の段階で
補間計算結果を
SpriteSheet化

コンバータ自体は
NEWGATE様のご好意で
弊社サイトにて提供中


『SpriteStudio』超汎用なので『ngCore』！

ロスト・キングダム
R-FORCE ENTERTAINMENT INC. / mobage


『ngCore』って？？

 米ngmoco社が開発したインタプリタ型ゲームエンジン
 Javascriptだけで iOS / Android のアプリを開発可能
 DeNAプラットフォームのメジャータイトルで採用

 ネイティブと同等の2Dパフォーマンス、シンプルなAPI群
 ライブアップデートをサポート


『SpriteStudio』超汎用の他力本願的成果（つづき）

プラットフォーム別採用実績（なんか減ってる）

 iOS
 Android

ゲームエンジン・フレームワーク別採用実績
 CoronaSDK
 ngCore
 enchant.js
 Unity3D


そして大制作

そして大完成


SpriteStudio → Unity → マルチパブリッシュ

•ドラッグ＆ドロップ
•カスタムアセット化
•プレハブは自動作成
•１ｱﾆﾒ＝１ｵﾌﾞｼﾞｪｸﾄ
•１ドローコール
•当たり判定継承

超簡単！


なんと・・・

無料です。


SpriteStudio → HTML5
どうせなら最近話題のHTML5にも、と対応コンバータを用意

 描画はCanvasを利用（CSS/jQueryは対応予定）
 アニメーションデータはJavascript配列
（json対応予定）

とは言え、いくつか問題点

 ブラウザ依存（一部機能はWebGL待ち）
 フレームレートも端末に依存する
 弊社単独ではどーにもできないかも・・・


SpriteStudio → HTML5


リソース SpriteStudio バイナリ形式
.ssa
ファイルリスト
.ssf

HTML
+ Ssa to HTML5

JS

そして気になる『次期SpriteStudio』

Ver.5


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


次期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…


で、いつ出るのよ？

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

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

ご清聴ありがとうございました＆お問い合せください
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.

GTMF2012　SpriteStudio と "Unity" と "CoronaSDK" と "ngCore" ! ～組み合わせて改善する 2D ワークフローと、次期 SpriteStudio

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à GTMF2012　SpriteStudio と "Unity" と "CoronaSDK" と "ngCore" ! ～組み合わせて改善する 2D ワークフローと、次期 SpriteStudio

Similaire à GTMF2012　SpriteStudio と "Unity" と "CoronaSDK" と "ngCore" ! ～組み合わせて改善する 2D ワークフローと、次期 SpriteStudio (20)

Dernier

Dernier (12)