Successfully reported this slideshow.
Your SlideShare is downloading. ×

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

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 24 Ad

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

Download to read offline

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

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

Advertisement
Advertisement

More Related Content

Slideshows for you (20)

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

Advertisement

Recently uploaded (20)

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

  1. 1. SpriteStudio と Unity と CoronaSDK と ngCore ! ~組み合わせて改善する 2D ワークフローと、 (HTML5と、)次期 SpriteStudio Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 1
  2. 2. ㈱ウェブテクノロジの主力製品 『OPTPiX imesta』 『SpriteStudio』 • 減色 • 2Dアニメーション作成 • テクスチャコンバート • UIパーツ作成 『コミPo!』 『ライブアニメ』 • 誰でもマンガが描けるツール • 音声入力同期のアニメ作成ツール • 企画書作るのに便利 • ユーザーサポートやEラーニング を「やわらかく」 Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 2
  3. 3. 『SpriteStudio』って?? 『超汎用』2Dアニメーション制作ツール リソース バイナリ形式 『SpriteStudio』 .ssa .sss ユーザーデータ XML形式 フラグ .ssax スクリプト .sssx etc…
  4. 4. 『SpriteStudio』って?? 『超汎用』2Dアニメーション制作ツール 2D表現 キーフレーム方式 • コマアニメーション • グラフ、チャート • 補完アニメーション • 親子関係 • パレットアニメーション • ユーザーデータ 擬似3D表現 2種類の出力フォーマット • パーツカラー(色演出) • バイナリ • 頂点変形 • XML • 頂点アルファ Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 4
  5. 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. 6. 『SpriteStudio』超汎用なのでネイティブ開発! Dr★モモの島 comcept / Index / GREE Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 6
  7. 7. 『SpriteStudio』超汎用なのでコンシューマから移植! おさわり探偵小沢里奈 Beework / SUCCESS Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 7
  8. 8. 『SpriteStudio』超汎用なので『CoronaSDK』! Defense Witches NEWGATE Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 8
  9. 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. 10. SpriteStudio → CoronaSDK → マルチ XML → Lua 変換の段階で 補間計算結果を SpriteSheet化 コンバータ自体は NEWGATE様のご好意で 弊社サイトにて提供中 Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 10
  11. 11. 『SpriteStudio』超汎用なので『ngCore』! ロスト・キングダム R-FORCE ENTERTAINMENT INC. / mobage Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 11
  12. 12. 『ngCore』って??  米ngmoco社が開発したインタプリタ型ゲームエンジン  Javascriptだけで iOS / Android のアプリを開発可能  DeNAプラットフォームのメジャータイトルで採用  ネイティブと同等の2Dパフォーマンス、シンプルなAPI群  ライブアップデートをサポート Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 12
  13. 13. 『SpriteStudio』超汎用の他力本願的成果(つづき) プラットフォーム別採用実績(なんか減ってる)  iOS  Android ゲームエンジン・フレームワーク別採用実績  CoronaSDK  ngCore  enchant.js  Unity3D Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 13
  14. 14. そして大制作 そして大完成 Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 14
  15. 15. SpriteStudio → Unity → マルチパブリッシュ •ドラッグ&ドロップ •カスタムアセット化 •プレハブは自動作成 •1アニメ=1オブジェクト •1ドローコール •当たり判定継承 超簡単! Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 15
  16. 16. なんと・・・ 無料です。 Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 16
  17. 17. SpriteStudio → HTML5 どうせなら最近話題のHTML5にも、と対応コンバータを用意  描画はCanvasを利用(CSS/jQueryは対応予定)  アニメーションデータはJavascript配列 (json対応予定) とは言え、いくつか問題点  ブラウザ依存(一部機能はWebGL待ち)  フレームレートも端末に依存する  弊社単独ではどーにもできないかも・・・ Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 17
  18. 18. SpriteStudio → HTML5 『超汎用』2Dアニメーション制作ツール リソース SpriteStudio バイナリ形式 .ssa ファイルリスト .ssf HTML + Ssa to HTML5 JS
  19. 19. そして気になる『次期SpriteStudio』 Ver.5 Copyright (c) 2012 Web Technology Corp. All Rights Reserved. 19
  20. 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. 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. 22. で、いつ出るのよ?  2012年8月までにはプレビュー版を公開  旧バージョンの販売とサポートは継続 →乗り換えについては『かなり優待』します  次期SpriteStudioの発売開始は2013年初頭 ・・・を目標
  23. 23. 秘密のスクリーンショット(2012/7/某日時点)
  24. 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.

×