Weitere ähnliche Inhalte
Ähnlich wie Arctic.js開発者から見るFlasherの未来 (20)
Arctic.js開発者から見るFlasherの未来
- 2. 自己紹介
• 近澤良(@chikathreesix)
• Arctic.js開発者
• 元Flash Developer(MX 2004 )
2012年8月30日木曜日
- 3. I ♥
Flash
2012年8月30日木曜日
- 4. 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日木曜日
- 21. • スマートフォンブラウザ向けゲームフ
レームワーク
• JavaScriptからHTML5のCanvas要素
を利用
• AS3ライク
• MITライセンス
2012年8月30日木曜日
- 22. - Architecture
• OOP
• Event Model
• addEventListener, removeEventListener
• Display tree
• addChild, removeChild
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日木曜日
- 27. Flasherとは
• 気持ちのよいアニメーションが作れる
• インタラクティブなプログラミングが
得意
• UIに関する知識が豊富
2012年8月30日木曜日
- 28. Flasherとは
• 気持ちのよいアニメーションが作れる
• インタラクティブなプログラミングが
得意
• UIに関する知識が豊富
フロントエンドのスペシャリスト
2012年8月30日木曜日
- 31. HTML5を選ぶ理由
• Canvas, CSS3の表現力
• JavaScriptとActionScriptは非常に似
ている
• ミドルウェアやツールが増えて来てい
る
2012年8月30日木曜日
- 33. Animation tools
• Adobe Edge
• Hype
• Sencha Animator
• Hippo Animator
2012年8月30日木曜日
- 34. スマホの需要に
どこまで答えられるかが鍵
2012年8月30日木曜日