Arctic.js開発者から見る                Flasherの未来                 株式会社ディー・エヌ・エー                ソーシャルゲーム事業本部 近澤良2012年8月30日木曜日
自己紹介                • 近澤良(@chikathreesix)                • Arctic.js開発者                • 元Flash Developer(MX 2004   )2012年...
I ♥                Flash2012年8月30日木曜日
Flash                • 非常に優れたツールである                • デザイナーとプログラマーの分業                • クロスプラットフォームである2012年8月30日木曜日
iPhoneの登場2012年8月30日木曜日
Android向け                Flashプラグイン                  提供打ち切り2012年8月30日木曜日
スマホウェブブラウザで              Flashが再生             できなくなった2012年8月30日木曜日
Flash                • 非常に優れたツールである                • デザイナーとプログラマーの分業                • クロスプラットフォームである2012年8月30日木曜日
DeNAの取り組み                • SWFランタイム                • Flashライクに開発2012年8月30日木曜日
DeNAの取り組み                • SWFランタイム                • Flashライクに開発                     どちらもHTML5を利用2012年8月30日木曜日
SWFランタイム                • ExGame                • Pex2012年8月30日木曜日
ExGame                •   JavaScript製FlashPlayer                •   Flash Lite 1.1のswfがほぼ100%の互換性で動く                •   mo...
Pex                • Post ExGame                • 非常に速い                • 複数のswfをJavaScriptで操作できる2012年8月30日木曜日
非常に速い2012年8月30日木曜日
ExGame   Pex2012年8月30日木曜日
JavaScriptで操作2012年8月30日木曜日
2012年8月30日木曜日
2012年8月30日木曜日
Flashライクに開発2012年8月30日木曜日
Flashライクに開発2012年8月30日木曜日
• スマートフォンブラウザ向けゲームフ                 レームワーク                • JavaScriptからHTML5のCanvas要素                 を利用                ...
- Architecture          • OOP          • Event Model           • addEventListener, removeEventListener          • Display ...
- Classes2012年8月30日木曜日
- MovieClip                • FlashのMovieClipを再現           var mc = new arc.display.MovieClip(12, true);           mc.addCh...
Arctic.js Demo2012年8月30日木曜日
Flasherのこれから2012年8月30日木曜日
Flasherとは                • 気持ちのよいアニメーションが作れる                • インタラクティブなプログラミングが                 得意                • UIに関する...
Flasherとは                • 気持ちのよいアニメーションが作れる                • インタラクティブなプログラミングが                 得意                • UIに関する...
Flasherのこれから       スマートフォンアプリ       HTML52012年8月30日木曜日
Flasherのこれから       スマートフォンアプリ       HTML52012年8月30日木曜日
HTML5を選ぶ理由                • Canvas, CSS3の表現力                • JavaScriptとActionScriptは非常に似                 ている            ...
JavaScript libraries2012年8月30日木曜日
Animation tools          • Adobe Edge          • Hype          • Sencha Animator          • Hippo Animator2012年8月30日木曜日
スマホの需要に       どこまで答えられるかが鍵2012年8月30日木曜日
ご清聴ありがとう                 ございました2012年8月30日木曜日
Upcoming SlideShare
Loading in …5
×

Arctic.js開発者から見るFlasherの未来

4,520 views

Published on

TechHillsの発表資料です。

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,520
On SlideShare
0
From Embeds
0
Number of Embeds
2,214
Actions
Shares
0
Downloads
0
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Arctic.js開発者から見るFlasherの未来

  1. 1. Arctic.js開発者から見る Flasherの未来 株式会社ディー・エヌ・エー ソーシャルゲーム事業本部 近澤良2012年8月30日木曜日
  2. 2. 自己紹介 • 近澤良(@chikathreesix) • Arctic.js開発者 • 元Flash Developer(MX 2004 )2012年8月30日木曜日
  3. 3. I ♥ Flash2012年8月30日木曜日
  4. 4. Flash • 非常に優れたツールである • デザイナーとプログラマーの分業 • クロスプラットフォームである2012年8月30日木曜日
  5. 5. iPhoneの登場2012年8月30日木曜日
  6. 6. Android向け Flashプラグイン 提供打ち切り2012年8月30日木曜日
  7. 7. スマホウェブブラウザで Flashが再生 できなくなった2012年8月30日木曜日
  8. 8. Flash • 非常に優れたツールである • デザイナーとプログラマーの分業 • クロスプラットフォームである2012年8月30日木曜日
  9. 9. DeNAの取り組み • SWFランタイム • Flashライクに開発2012年8月30日木曜日
  10. 10. DeNAの取り組み • SWFランタイム • Flashライクに開発 どちらもHTML5を利用2012年8月30日木曜日
  11. 11. SWFランタイム • ExGame • Pex2012年8月30日木曜日
  12. 12. ExGame • JavaScript製FlashPlayer • Flash Lite 1.1のswfがほぼ100%の互換性で動く • mobageプラットフォーム内の数多くのゲームで使 われている2012年8月30日木曜日
  13. 13. Pex • Post ExGame • 非常に速い • 複数のswfをJavaScriptで操作できる2012年8月30日木曜日
  14. 14. 非常に速い2012年8月30日木曜日
  15. 15. ExGame Pex2012年8月30日木曜日
  16. 16. JavaScriptで操作2012年8月30日木曜日
  17. 17. 2012年8月30日木曜日
  18. 18. 2012年8月30日木曜日
  19. 19. Flashライクに開発2012年8月30日木曜日
  20. 20. Flashライクに開発2012年8月30日木曜日
  21. 21. • スマートフォンブラウザ向けゲームフ レームワーク • JavaScriptからHTML5のCanvas要素 を利用 • AS3ライク • MITライセンス2012年8月30日木曜日
  22. 22. - Architecture • OOP • Event Model • addEventListener, removeEventListener • Display tree • addChild, removeChild2012年8月30日木曜日
  23. 23. - Classes2012年8月30日木曜日
  24. 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. 25. Arctic.js Demo2012年8月30日木曜日
  26. 26. Flasherのこれから2012年8月30日木曜日
  27. 27. Flasherとは • 気持ちのよいアニメーションが作れる • インタラクティブなプログラミングが 得意 • UIに関する知識が豊富2012年8月30日木曜日
  28. 28. Flasherとは • 気持ちのよいアニメーションが作れる • インタラクティブなプログラミングが 得意 • UIに関する知識が豊富 フロントエンドのスペシャリスト2012年8月30日木曜日
  29. 29. Flasherのこれから スマートフォンアプリ HTML52012年8月30日木曜日
  30. 30. Flasherのこれから スマートフォンアプリ HTML52012年8月30日木曜日
  31. 31. HTML5を選ぶ理由 • Canvas, CSS3の表現力 • JavaScriptとActionScriptは非常に似 ている • ミドルウェアやツールが増えて来てい る2012年8月30日木曜日
  32. 32. JavaScript libraries2012年8月30日木曜日
  33. 33. Animation tools • Adobe Edge • Hype • Sencha Animator • Hippo Animator2012年8月30日木曜日
  34. 34. スマホの需要に どこまで答えられるかが鍵2012年8月30日木曜日
  35. 35. ご清聴ありがとう ございました2012年8月30日木曜日

×