Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
クリスマス直前!
HTML5 で作る♥
はじめての iOS & Android
アプリ開発
デベロッパー&エクスペリエンス統括本部
テクノロジー エバンジェリスト
アジェンダ
•開発プラットフォームとしての
HTML5 アプリ
•Apache Cordova について
•HTML5 を使ったカジュアルゲーム開発
アプリ開発基盤としての HTML5
~ベンダーの垣根を越えた共通の仕様~
HTML5 を取り巻く状況
iOS
Chrome AppsFirefox OS
Titanium
Mobile
開発ツールについて
Visual Studio 2013 HTML5
~ Update 2 による大幅な機能強化 ~
2013
ユニバーサルアプリ
ネイティブ アプリ
Web ストア アプリ Windows Phone XBOX
iOS
Multi-Device
...
CORDOVA とは?
アプリの構造
Web ビュー
オペレーティングシステム
コンテンツ
API
API
プラグインプラグイン
ネイティブ
呼び出し
JavaScript
マルチ デバイス
ハイブリット アプリ
マルチデバイス ハイブリット アプリ
~ iOS、Android 向けのアプリを開発 ~
CSS | HTML
JavaScript | TypeScript
iOS
Multi-Device
Hybrid Apps
Update 2 •Win...
マルチデバイス ハイブリット アプリが
提供する機能
~ シームレスな開発環境構築とデバッグ機能 ~
> 4.4 : 〇
< 4.4 : ×
iOS : ×
• Android 2.33 & 4+
• iOS 6 ,7 & 8
iOS : ×
...
HTML5 を使った
カジュアルゲーム開発
HTML5 の機能を使ったゲームの種別
~おおまかに 2 つに大別 ~
2D カジュアルゲーム
3D CG ゲーム
Canvas
WebGL
SVG
HTML5 の機能を使ったゲームの種別
~おおまかに 2 つに大別 ~
2D カジュアルゲーム
3D CG ゲーム
Canvas
WebGL
SVG
Canvas とSVG どっちでつくる?
~技術的特性がちがう ~
<canvas> <svg>
複雑なシーン、リアルタイムの
数学的アニメーション 静的な画像
高パフォーマンス
(フィルター、レイトレース)
表示と印刷のための
高品質ドキュメ...
Canvasを使った
はぢめての HTML5
カジュアルゲーム開発
Canvas を使ったゲームプログラミングの流れ
Canvas に画像を表示
タイムフレーム処理
を実装
操作系を実装
当たり判定など
• Etc..
• リスタート機能
• スタート画面
• 終了画面
アクションへの効果
HTML5 のゲームエンジン
~たくさんのゲームエンジンが用意されている~
• ゲーム開発に必要な機能があらかじめ
用意されている
• enchant.js
• CreateJS
• gameQuery
• Crafty
• Gamvas
• ...
まとめ
iOS
2013
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
Upcoming SlideShare
Loading in …5
×

クリスマス直前! HTML5 で作る♥ はじめての iOS & Android アプリ開発

31,425 views

Published on

2014 年 12 月 18 日の schoo(スクー) さんに出演した際に使用したスライドです。
http://schoo.jp/class/1687/room
「iOS & Android アプリ」と書いてますが、HTML5 でシンプルな 2D ゲームを作る内容です。
ただし、デモとおしゃべりがメインの内容なので、スライドはあんまり意味がないよう。。

Published in: Technology
  • Dating direct: ❤❤❤ http://bit.ly/39sFWPG ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating for everyone is here: ❶❶❶ http://bit.ly/39sFWPG ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... ...................................ALL FOR EBOOKS................................................. Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

クリスマス直前! HTML5 で作る♥ はじめての iOS & Android アプリ開発

  1. 1. クリスマス直前! HTML5 で作る♥ はじめての iOS & Android アプリ開発 デベロッパー&エクスペリエンス統括本部 テクノロジー エバンジェリスト
  2. 2. アジェンダ •開発プラットフォームとしての HTML5 アプリ •Apache Cordova について •HTML5 を使ったカジュアルゲーム開発
  3. 3. アプリ開発基盤としての HTML5 ~ベンダーの垣根を越えた共通の仕様~
  4. 4. HTML5 を取り巻く状況 iOS Chrome AppsFirefox OS Titanium Mobile
  5. 5. 開発ツールについて
  6. 6. Visual Studio 2013 HTML5 ~ Update 2 による大幅な機能強化 ~ 2013 ユニバーサルアプリ ネイティブ アプリ Web ストア アプリ Windows Phone XBOX iOS Multi-Device Hybrid Apps +
  7. 7. CORDOVA とは?
  8. 8. アプリの構造 Web ビュー オペレーティングシステム コンテンツ API API プラグインプラグイン ネイティブ 呼び出し JavaScript
  9. 9. マルチ デバイス ハイブリット アプリ
  10. 10. マルチデバイス ハイブリット アプリ ~ iOS、Android 向けのアプリを開発 ~ CSS | HTML JavaScript | TypeScript iOS Multi-Device Hybrid Apps Update 2 •Windows 8.1 • Update 3 からは Windows 7も •Visual Studio 2013 •Professional •Ultimate •Premium
  11. 11. マルチデバイス ハイブリット アプリが 提供する機能 ~ シームレスな開発環境構築とデバッグ機能 ~ > 4.4 : 〇 < 4.4 : × iOS : × • Android 2.33 & 4+ • iOS 6 ,7 & 8 iOS : × : 〇 “ ” : 〇 iOS : 〇 (※) Apache Ripple (※1) Windows, Phone 8.1 も 開発可能 (※2) iOS アプリのビルド には Mac が必要
  12. 12. HTML5 を使った カジュアルゲーム開発
  13. 13. HTML5 の機能を使ったゲームの種別 ~おおまかに 2 つに大別 ~ 2D カジュアルゲーム 3D CG ゲーム Canvas WebGL SVG
  14. 14. HTML5 の機能を使ったゲームの種別 ~おおまかに 2 つに大別 ~ 2D カジュアルゲーム 3D CG ゲーム Canvas WebGL SVG
  15. 15. Canvas とSVG どっちでつくる? ~技術的特性がちがう ~ <canvas> <svg> 複雑なシーン、リアルタイムの 数学的アニメーション 静的な画像 高パフォーマンス (フィルター、レイトレース) 表示と印刷のための 高品質ドキュメント
  16. 16. Canvasを使った はぢめての HTML5 カジュアルゲーム開発
  17. 17. Canvas を使ったゲームプログラミングの流れ Canvas に画像を表示 タイムフレーム処理 を実装 操作系を実装 当たり判定など • Etc.. • リスタート機能 • スタート画面 • 終了画面 アクションへの効果
  18. 18. HTML5 のゲームエンジン ~たくさんのゲームエンジンが用意されている~ • ゲーム開発に必要な機能があらかじめ 用意されている • enchant.js • CreateJS • gameQuery • Crafty • Gamvas • Arctic.js • ティラノスクリプト • jGen • Almight • StageXL for Dart • jgame.js • Pulse • Phaser • Quintus • Panda.js • GogoMakePlay • melon.js • Jaws • Collie • FlashJS • Isogenic Game Engine • Akihabara • Panda.js • Canvas Engine • Etc…
  19. 19. まとめ iOS 2013

×