1. CreateJSについて
10分でさらっと喋る
2014/05/11 @jsCafe20

2. 自己紹介
名前：佐藤俊輔
twitter : @ushisantoasobu
ブログ : http://ushisantoasobu.hateblo.jp/
所属 : 株式会社ジークレスト
経歴 : 主にフロントエンドエンジニア (Flash, iOS, javascript, Java）
担当 : 現在はポケットランド(スマホweb)というアバターサービス開発に従事

3. CreateJSってなに？

4. リッチコンテンツ開発用のHTML5向けライブラリ
EaselJS, TweenJS, SoundJS, PreloadJSの総称（後述）
ActionScriptライクなAPI（開発者がFlashデベロッパーの方）
"Toolkit for CreateJS"を用いればアニメーションも楽に（後述）
少し前に出たO'Reillyの 入門 Webゲーム開発 にも

5. 比較ライブラリ

6. enchant.js
cocos2d-html5
pixi.js
tofu.js(http://ameblo.jp/ca-1pixel/entry-11624820713.html)

7. 実際に使われているの？

10. 仕事柄ソシャゲーを例にあげましたが、
ソシャゲ以外だとどんなところで使われてるのかな？
懇親会でそういった話あれば教えてほしいですー。

11. ポケットランドでも使っています(宣伝も兼ねて)

13. アバターやお部屋の表示、ちょっとした演出
なんかで使用しています

14. 構成/バージョン

16. EASELJS = 描画まわり
TWEENJS = アニメーションまわり
SOUNDJS = 音まわり
PRELOADJS = 通信まわり
必要なものだけ使うようにすればOK

18. バージョンはまだ0.X...
各モジュール毎にバージョンアップしていくので少し管理が煩雑？

19. ソースを少しみてみる
(プロトタイプ継承でOOPぽく)

21. プロトタイプ継承を用いてOOPぽく実装している
jsでas3.0のようなOOPぽく書くうえで参考になった
（プロトタイプ継承が良い悪いは一旦置いておいて）
≒ DisplayObjectクラスがEventDispatcherクラスを継承している
※DisplayObject.jsのコメントを外して一部を抜粋したもの

22. 使ってみての所感

23. ActionScriptやってた人は敷居が低いと思う
Android重い(canvas重い)
まあまあバージョンアップする
以前に比べバグは結構減った印象

24. Toolkit for CreateJS

25. Flashでつくったアニメーションをキャンバス用に書き出せることができる
もちろん内部的にはCreateJSで書かれている
Flashのスキル or 既存のリソース（そのままでは使えないけど）を活かせる
Flash CCからはデフォルトで組み込まれている
ソシャゲーでは特に演出まわりでつかわれている印象

26. 各画像ファイル
xxx.js
(xxx.html)
HTML5用に書き出し

27. 各画像ファイル
xxx.js
(xxx.html)
HTML5用に書き出し

29. 吐き出されたjsファイルにごにょごにょアニメーションの情報が泥臭く書かれてる

30. 気をつけたいこと色々
Flash内の画像やインスタンス名に日本語つけるとjsファイルに２バイト文字混ざる
画像読み込みがそのままだと並列処理になっていない
jsファイルが重くなりがちなので使うかどうかわからないときは遅延読み込みの検討も
http://ushisantoasobu.hateblo.jp/entry/2014/03/03/012550

31. 後工程で対応する
http://ushisantoasobu.hateblo.jp/entry/2014/04/01/013656
画像ファイルをスプライトイメージ化するフローがない
Flashにそもそもスプライトイメージをつっこむ
http://ameblo.jp/ca-1pixel/entry-11597932767.html

32. 直近の話題

34. WebGLがCreateJSにくるー

36. ご存知スマホでは壊滅的なので...

37. 最後に、
アニメとか好きな人は
ポケットランド も是非！
http://sp.atgames.jp/pocketland/
https://itunes.apple.com/jp/app/pokettorando-by-games-dl-wu/id730904336?mt=8
https://play.google.com/store/apps/details?id=com.gcrest.atgames.pocketland

38. ご清聴ありがとうございますー。