SlideShare uma empresa Scribd logo
1 de 35
Arctic.js開発者から見る
                Flasherの未来
                 株式会社ディー・エヌ・エー
                ソーシャルゲーム事業本部 近澤良




2012年8月30日木曜日
自己紹介

                • 近澤良(@chikathreesix)
                • Arctic.js開発者
                • 元Flash Developer(MX 2004   )




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


2012年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
                • Pex


2012年8月30日木曜日
ExGame
                •   JavaScript製FlashPlayer

                •   Flash Lite 1.1のswfがほぼ100%の互換性で動く

                •   mobageプラットフォーム内の数多くのゲームで使
                    われている




2012年8月30日木曜日
Pex

                • Post ExGame
                • 非常に速い
                • 複数のswfをJavaScriptで操作できる


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



2012年8月30日木曜日
ExGame   Pex


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



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




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




2012年8月30日木曜日
• スマートフォンブラウザ向けゲームフ
                 レームワーク

                • JavaScriptからHTML5のCanvas要素
                 を利用

                • AS3ライク
                • MITライセンス
2012年8月30日木曜日
- Architecture


          • OOP
          • Event Model
           • addEventListener, removeEventListener
          • Display tree
           • addChild, removeChild

2012年8月30日木曜日
- Classes




2012年8月30日木曜日
- 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日木曜日
Arctic.js Demo
2012年8月30日木曜日
Flasherのこれから



2012年8月30日木曜日
Flasherとは

                • 気持ちのよいアニメーションが作れる
                • インタラクティブなプログラミングが
                 得意

                • UIに関する知識が豊富

2012年8月30日木曜日
Flasherとは

                • 気持ちのよいアニメーションが作れる
                • インタラクティブなプログラミングが
                 得意

                • UIに関する知識が豊富
                 フロントエンドのスペシャリスト

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




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




2012年8月30日木曜日
HTML5を選ぶ理由

                • Canvas, CSS3の表現力
                • JavaScriptとActionScriptは非常に似
                 ている

                • ミドルウェアやツールが増えて来てい
                 る



2012年8月30日木曜日
JavaScript libraries




2012年8月30日木曜日
Animation tools

          • Adobe Edge
          • Hype
          • Sencha Animator
          • Hippo Animator

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



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


2012年8月30日木曜日

Mais conteúdo relacionado

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

Oculus 体験・勉強会「VRコンテンツ制作入門」
Oculus 体験・勉強会「VRコンテンツ制作入門」Oculus 体験・勉強会「VRコンテンツ制作入門」
Oculus 体験・勉強会「VRコンテンツ制作入門」Hiromichi Yamada
 
CMS / BLOG and SnoWOman
CMS / BLOG and SnoWOmanCMS / BLOG and SnoWOman
CMS / BLOG and SnoWOmanWO Community
 
The return of Mobile5 #mobile5
The return of Mobile5 #mobile5The return of Mobile5 #mobile5
The return of Mobile5 #mobile5Yusuke Hirano
 
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリメディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリAtsushi Tadokoro
 
【Techbuzz】titanium資料
【Techbuzz】titanium資料【Techbuzz】titanium資料
【Techbuzz】titanium資料洋平 前田
 
Fireworks or Photoshop【第3回ゆるふわ勉強会】
Fireworks or Photoshop【第3回ゆるふわ勉強会】Fireworks or Photoshop【第3回ゆるふわ勉強会】
Fireworks or Photoshop【第3回ゆるふわ勉強会】Komei Otake
 
Androidとの同時開発だけどモデルをC++で書けば問題ないよねっ
Androidとの同時開発だけどモデルをC++で書けば問題ないよねっAndroidとの同時開発だけどモデルをC++で書けば問題ないよねっ
Androidとの同時開発だけどモデルをC++で書けば問題ないよねっKoji Hasegawa
 
知っておきたい「Adobeソフトを選び、使いこなすポイント」
知っておきたい「Adobeソフトを選び、使いこなすポイント」知っておきたい「Adobeソフトを選び、使いこなすポイント」
知っておきたい「Adobeソフトを選び、使いこなすポイント」Mori Kazue
 
Oculus 体験・勉強会「VRコンテンツ制作入門」 2015/05/13
Oculus 体験・勉強会「VRコンテンツ制作入門」 2015/05/13Oculus 体験・勉強会「VRコンテンツ制作入門」 2015/05/13
Oculus 体験・勉強会「VRコンテンツ制作入門」 2015/05/13Hiromichi Yamada
 
HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門Shumpei Shiraishi
 
エンジニアの為のAWS実践講座
エンジニアの為のAWS実践講座エンジニアの為のAWS実践講座
エンジニアの為のAWS実践講座Eiji Shinohara
 
マイクロサービス化設計入門 - AWS Dev Day Tokyo 2017
マイクロサービス化設計入門 - AWS Dev Day Tokyo 2017マイクロサービス化設計入門 - AWS Dev Day Tokyo 2017
マイクロサービス化設計入門 - AWS Dev Day Tokyo 2017Yusuke Suzuki
 
2012年8月10日 勉強会
2012年8月10日 勉強会2012年8月10日 勉強会
2012年8月10日 勉強会Rin Yano
 
今から始めて遅くない“Photoshop&Illustrator使いこなし”テクニック
今から始めて遅くない“Photoshop&Illustrator使いこなし”テクニック今から始めて遅くない“Photoshop&Illustrator使いこなし”テクニック
今から始めて遅くない“Photoshop&Illustrator使いこなし”テクニックMori Kazue
 
Adobe Animate CCを触ってみた
Adobe Animate CCを触ってみたAdobe Animate CCを触ってみた
Adobe Animate CCを触ってみたYusuke Kano
 
WordPress名古屋コミュニティの進化[WordBench Nagoya 2017年3月勉強会]
WordPress名古屋コミュニティの進化[WordBench Nagoya 2017年3月勉強会]WordPress名古屋コミュニティの進化[WordBench Nagoya 2017年3月勉強会]
WordPress名古屋コミュニティの進化[WordBench Nagoya 2017年3月勉強会]takashi ono
 

Semelhante a Arctic.js開発者から見るFlasherの未来 (20)

Oculus 体験・勉強会「VRコンテンツ制作入門」
Oculus 体験・勉強会「VRコンテンツ制作入門」Oculus 体験・勉強会「VRコンテンツ制作入門」
Oculus 体験・勉強会「VRコンテンツ制作入門」
 
CMS / BLOG and SnoWOman
CMS / BLOG and SnoWOmanCMS / BLOG and SnoWOman
CMS / BLOG and SnoWOman
 
Aiming study#6pdf
Aiming study#6pdfAiming study#6pdf
Aiming study#6pdf
 
The return of Mobile5 #mobile5
The return of Mobile5 #mobile5The return of Mobile5 #mobile5
The return of Mobile5 #mobile5
 
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリメディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
 
【Techbuzz】titanium資料
【Techbuzz】titanium資料【Techbuzz】titanium資料
【Techbuzz】titanium資料
 
Gcdについて?
Gcdについて?Gcdについて?
Gcdについて?
 
CgiSecure
CgiSecureCgiSecure
CgiSecure
 
Fireworks or Photoshop【第3回ゆるふわ勉強会】
Fireworks or Photoshop【第3回ゆるふわ勉強会】Fireworks or Photoshop【第3回ゆるふわ勉強会】
Fireworks or Photoshop【第3回ゆるふわ勉強会】
 
Androidとの同時開発だけどモデルをC++で書けば問題ないよねっ
Androidとの同時開発だけどモデルをC++で書けば問題ないよねっAndroidとの同時開発だけどモデルをC++で書けば問題ないよねっ
Androidとの同時開発だけどモデルをC++で書けば問題ないよねっ
 
知っておきたい「Adobeソフトを選び、使いこなすポイント」
知っておきたい「Adobeソフトを選び、使いこなすポイント」知っておきたい「Adobeソフトを選び、使いこなすポイント」
知っておきたい「Adobeソフトを選び、使いこなすポイント」
 
Oculus 体験・勉強会「VRコンテンツ制作入門」 2015/05/13
Oculus 体験・勉強会「VRコンテンツ制作入門」 2015/05/13Oculus 体験・勉強会「VRコンテンツ制作入門」 2015/05/13
Oculus 体験・勉強会「VRコンテンツ制作入門」 2015/05/13
 
HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門
 
Agile in 30mins
Agile in 30minsAgile in 30mins
Agile in 30mins
 
エンジニアの為のAWS実践講座
エンジニアの為のAWS実践講座エンジニアの為のAWS実践講座
エンジニアの為のAWS実践講座
 
マイクロサービス化設計入門 - AWS Dev Day Tokyo 2017
マイクロサービス化設計入門 - AWS Dev Day Tokyo 2017マイクロサービス化設計入門 - AWS Dev Day Tokyo 2017
マイクロサービス化設計入門 - AWS Dev Day Tokyo 2017
 
2012年8月10日 勉強会
2012年8月10日 勉強会2012年8月10日 勉強会
2012年8月10日 勉強会
 
今から始めて遅くない“Photoshop&Illustrator使いこなし”テクニック
今から始めて遅くない“Photoshop&Illustrator使いこなし”テクニック今から始めて遅くない“Photoshop&Illustrator使いこなし”テクニック
今から始めて遅くない“Photoshop&Illustrator使いこなし”テクニック
 
Adobe Animate CCを触ってみた
Adobe Animate CCを触ってみたAdobe Animate CCを触ってみた
Adobe Animate CCを触ってみた
 
WordPress名古屋コミュニティの進化[WordBench Nagoya 2017年3月勉強会]
WordPress名古屋コミュニティの進化[WordBench Nagoya 2017年3月勉強会]WordPress名古屋コミュニティの進化[WordBench Nagoya 2017年3月勉強会]
WordPress名古屋コミュニティの進化[WordBench Nagoya 2017年3月勉強会]
 

Último

モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...博三 太田
 
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfFumieNakayama
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfFumieNakayama
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NTT DATA Technology & Innovation
 
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineerYuki Kikuchi
 
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)UEHARA, Tetsutaro
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)Hiroshi Tomioka
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?akihisamiyanaga1
 

Último (8)

モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
 
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
 
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
 

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