PhoneGap from Flash Pro’s CreateJS 〜Toolkit for CreateJSで制作するPhoneGapアプリ〜

1. PhoneGap from Flash Pro’s CreateJS
Toolkit for CreateJ1Sで
制作するPhoneGapアプリ
ICS 池田泰延
2012/08/02
PhoneGap-UserGroup 第1回 勉強会＠東京

2. 自己紹介
• Name : 池田 泰延 (Yasunobu Ikeda)
• 昔：ClockMaker (フリーランス)
• 現在 : 株式会社ICS 代表取締役
• Books :
– 「Stage3D Programming」
– 「ActionScript Beatifl Code」等

3. http://clockmaker.jp/labs

4. Toolkit for CreateJS
• Flash Pro CS6の拡張機能
( http://www.adobe.com/jp/products/flash/flash-to-html5.html )
• Flash Proで制作したアニメーションを
HTML5として書き出すことができる

5. なぜFlash Pro？
• Flash Lite時代に作られたガラケー向け素材をス
マートフォン向けに再利用することが可能
• 複雑なタイムラインアニメーションをグラ
フィックユーザーインターフェースで制作でき
る
※一般的なHTML5のモーションはJavaScriptも
しくはCSSトランジション/アニメーションを使
う。CUIベースである。
• デザイナー向け

6. サンプルファイル
• Flash Professional Toolkit for CreateJSのファーストステップガイド
http://www.adobe.com/jp/devnet/createjs/articles/getting-started.html

7. 手順
1. DreamWeaverで「サイト」を作成
2. Flash Proで書き出したHTML5をコピー
3. PhoneGap Buildパネルを開く
4. index.html に必要なファイルを記述
(例：CreateJSライブラリファイル等)
5. 余力があれば、デバイス幅の拡縮処理を
(CreateJSはベクターデータなので拡縮に強い)
6. デバイスの向き(orientation)をconfig.xmlで設定

8. PhoneGap Buildで各デバイスに

9. ご清聴ありがとうございました
Thank you for your attention.
ICS 池田泰延
Twiter : clockmaker
Mail : ikeda@ics-web.jp