TechHillsの発表資料です。

1. Arctic.js開発者から見る
Flasherの未来
株式会社ディー・エヌ・エー
ソーシャルゲーム事業本部 近澤良
2012年8月30日木曜日

2. 自己紹介
• 近澤良(@chikathreesix)
• Arctic.js開発者
• 元Flash Developer（MX 2004 )
2012年8月30日木曜日

3. I ♥
Flash
2012年8月30日木曜日

4. Flash
• 非常に優れたツールである
• デザイナーとプログラマーの分業
• クロスプラットフォームである
2012年8月30日木曜日

5. iPhoneの登場
2012年8月30日木曜日

6. Android向け
Flashプラグイン
提供打ち切り
2012年8月30日木曜日

7. スマホウェブブラウザで
Flashが再生
できなくなった
2012年8月30日木曜日

8. Flash
• 非常に優れたツールである
• デザイナーとプログラマーの分業
• クロスプラットフォームである
2012年8月30日木曜日

9. DeNAの取り組み
• SWFランタイム
• Flashライクに開発
2012年8月30日木曜日

10. DeNAの取り組み
• SWFランタイム
• Flashライクに開発
どちらもHTML5を利用
2012年8月30日木曜日

11. SWFランタイム
• ExGame
• Pex
2012年8月30日木曜日

12. ExGame
• JavaScript製FlashPlayer
• Flash Lite 1.1のswfがほぼ100%の互換性で動く
• mobageプラットフォーム内の数多くのゲームで使
われている
2012年8月30日木曜日

13. Pex
• Post ExGame
• 非常に速い
• 複数のswfをJavaScriptで操作できる
2012年8月30日木曜日

14. 非常に速い
2012年8月30日木曜日

15. ExGame Pex
2012年8月30日木曜日

16. JavaScriptで操作
2012年8月30日木曜日

17. 2012年8月30日木曜日

18. 2012年8月30日木曜日

19. Flashライクに開発
2012年8月30日木曜日

20. Flashライクに開発
2012年8月30日木曜日

21. • スマートフォンブラウザ向けゲームフ
レームワーク
• JavaScriptからHTML5のCanvas要素
を利用
• AS3ライク
• MITライセンス
2012年8月30日木曜日

22. - Architecture
• OOP
• Event Model
• addEventListener, removeEventListener
• Display tree
• addChild, removeChild
2012年8月30日木曜日

23. - Classes
2012年8月30日木曜日

24. - MovieClip
• FlashのMovieClipを再現
var mc = new arc.display.MovieClip(12, true);
mc.addChild(ball0, {
! 1 : {x:0, y:0, transition:arc.anim.Transition.SINE_OUT},
! 5 : {x:250, y:100, action: function(){console.log(ʻfinishʼ);}}
});
mc.addChild(ball1, {
! 1 : {scaleX:0.5, scaleY:0.5, transition:arc.anim.Transition.SINE_OUT},
! 10 : {scaleX:3, scaleY:3}
});
2012年8月30日木曜日

25. Arctic.js Demo
2012年8月30日木曜日

26. Flasherのこれから
2012年8月30日木曜日

27. Flasherとは
• 気持ちのよいアニメーションが作れる
• インタラクティブなプログラミングが
得意
• UIに関する知識が豊富
2012年8月30日木曜日

28. Flasherとは
• 気持ちのよいアニメーションが作れる
• インタラクティブなプログラミングが
得意
• UIに関する知識が豊富
フロントエンドのスペシャリスト
2012年8月30日木曜日

29. Flasherのこれから
スマートフォンアプリ HTML5
2012年8月30日木曜日

30. Flasherのこれから
スマートフォンアプリ HTML5
2012年8月30日木曜日

31. HTML5を選ぶ理由
• Canvas, CSS3の表現力
• JavaScriptとActionScriptは非常に似
ている
• ミドルウェアやツールが増えて来てい
る
2012年8月30日木曜日

32. JavaScript libraries
2012年8月30日木曜日

33. Animation tools
• Adobe Edge
• Hype
• Sencha Animator
• Hippo Animator
2012年8月30日木曜日

34. スマホの需要に
どこまで答えられるかが鍵
2012年8月30日木曜日

35. ご清聴ありがとう
ございました
2012年8月30日木曜日