SlideShare ist ein Scribd-Unternehmen logo
1 von 44
HTML5 游戏之路 ,[object Object]
HTML5 给游戏带来了什么 ,[object Object]
HTML5  究竟是什么? ,[object Object],What HTML5 IS?
HTML5  究竟是什么? 现在我们说的广义 HTML5 ,通常还包括  CSS3  和  JavaScript engines What HTML5 IS?
我们能用它来作什么? 先从  <canvas>  和  <audio>  说起 What we can do with these stuff?
Canvas  实现 2D 绘图、动画效果
<audio>  播放音频 背景声音、 音效、音量控制、 多通道  还是比较基础的 JavaScript API
Canvas + audio + js engine =? 能够干什么? 有例子么 ?  当然有 ... Got an example? Sure...
经典的坦克大战 http://www.mhtml5.com/games/tank/ Classic Tank game
射击游戏 http://dougx.net/plunder/plunder.html Shooting  game
WHY COOL ?
WRITE ONCE  USE ANYWHERE
[object Object]
[object Object],[object Object],[object Object]
[object Object],Optimize game operation Improve efficiency
有多少支持 HTML5 的浏览器了? How many browsers support HTML5?
还有 ... And...Umm
终于 ...  鼓掌! Finally ...  Applause !
性能一定不行吧 ... 也许你会想 You may think Performance sucks . right?
CANVAS 在桌面端性能相当好 ,[object Object],CANVAS works pretty well in desktop/laptop
“ 相当好”的定义是  ? ,[object Object],How good is pretty good?
那物理引擎怎么办? ,[object Object],How about physics engine?
拥抱开放  第三方的引擎 Embrace open technoogy! 3rd party engines
[object Object],[object Object]
还有更多的 JS engine  ,[object Object],[object Object],[object Object]
3D 的场景怎么办? How about 3D?
[object Object],[object Object],[object Object]
多人在线的呢? How about multiplayer game?
WEBSOCKETS ,[object Object]
NODE.JS ,[object Object],[object Object]
手机上能用么? Does it work in mobile?
没问题!  No problem!  ,[object Object]
 
但  HTML5 手机游戏面临挑战 Still. mobile HTML5 game faces challeange
[object Object],[object Object],[object Object],[object Object]
问题总会被解决 ,[object Object],Problem will be solved anyway,  just take a while
还有 impact js ,[object Object]
作 HTML5 游戏有赚钱么 ? Does HTML5 game make money ?
有!但目前大多在手机游戏领域 ,[object Object],Definitely YES,  but only in mobile right now
巨头们也在布局 http://www.warimals.com/
为什么先在手机游戏? ,[object Object],[object Object],[object Object],[object Object],Why mobile?
HTML5  游戏的机遇 Opportunity
[object Object],[object Object],[object Object],[object Object],[object Object]
HTML5 游戏在中国 ,[object Object],[object Object],HTML5 games in China

Weitere ähnliche Inhalte

Ähnlich wie Html5 games

網頁標記語言2
網頁標記語言2網頁標記語言2
網頁標記語言2東偉 蘇
 
HTML5游戏探索之路
HTML5游戏探索之路HTML5游戏探索之路
HTML5游戏探索之路Huan Du
 
Node.js 進攻桌面開發
Node.js 進攻桌面開發Node.js 進攻桌面開發
Node.js 進攻桌面開發Fred Chien
 
HTML5 历史、现状及未来
HTML5 历史、现状及未来HTML5 历史、现状及未来
HTML5 历史、现状及未来Yongbin Tian
 
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)Will Huang
 
Html5研究小组《微周刊》第28期
Html5研究小组《微周刊》第28期Html5研究小组《微周刊》第28期
Html5研究小组《微周刊》第28期chloeguo
 
SELF TOKEN 區塊鏈前瞻科技於文化娛樂產業之發展現況 以亞洲首部區塊鏈電影《聖人大盜》及全球各地應用為例 @ Ministry of Culture
SELF TOKEN 區塊鏈前瞻科技於文化娛樂產業之發展現況 以亞洲首部區塊鏈電影《聖人大盜》及全球各地應用為例 @ Ministry of CultureSELF TOKEN 區塊鏈前瞻科技於文化娛樂產業之發展現況 以亞洲首部區塊鏈電影《聖人大盜》及全球各地應用為例 @ Ministry of Culture
SELF TOKEN 區塊鏈前瞻科技於文化娛樂產業之發展現況 以亞洲首部區塊鏈電影《聖人大盜》及全球各地應用為例 @ Ministry of CultureJu Chun Ko
 
2012 08 24_native_vs_adobeair
2012 08 24_native_vs_adobeair2012 08 24_native_vs_adobeair
2012 08 24_native_vs_adobeair綠茶 奶
 
Html5不只是个传说
Html5不只是个传说Html5不只是个传说
Html5不只是个传说czbad
 
Koubei banquet 28
Koubei banquet 28Koubei banquet 28
Koubei banquet 28Koubei UED
 
新技术新挑战
新技术新挑战新技术新挑战
新技术新挑战xiang.zhaox
 
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development FundamentalsExam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development FundamentalsChieh Lin
 
A dev ops team's practice in trend micro in agile summit 2018
A dev ops team's practice in trend micro in agile summit 2018A dev ops team's practice in trend micro in agile summit 2018
A dev ops team's practice in trend micro in agile summit 2018Juggernaut Liu
 
用 Go 語言 打造微服務架構
用 Go 語言打造微服務架構用 Go 語言打造微服務架構
用 Go 語言 打造微服務架構Bo-Yi Wu
 
前端開發學習簡介
前端開發學習簡介前端開發學習簡介
前端開發學習簡介peterju
 
图片优化中常见的7大误区你犯了多少
图片优化中常见的7大误区你犯了多少图片优化中常见的7大误区你犯了多少
图片优化中常见的7大误区你犯了多少youhua tang
 
The Overview of Web Design
The Overview of Web DesignThe Overview of Web Design
The Overview of Web DesignBenny Chak
 

Ähnlich wie Html5 games (20)

網頁標記語言2
網頁標記語言2網頁標記語言2
網頁標記語言2
 
HTML5
HTML5HTML5
HTML5
 
HTML5游戏探索之路
HTML5游戏探索之路HTML5游戏探索之路
HTML5游戏探索之路
 
Node.js 進攻桌面開發
Node.js 進攻桌面開發Node.js 進攻桌面開發
Node.js 進攻桌面開發
 
HTML5 历史、现状及未来
HTML5 历史、现状及未来HTML5 历史、现状及未来
HTML5 历史、现状及未来
 
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
 
Html5研究小组《微周刊》第28期
Html5研究小组《微周刊》第28期Html5研究小组《微周刊》第28期
Html5研究小组《微周刊》第28期
 
SELF TOKEN 區塊鏈前瞻科技於文化娛樂產業之發展現況 以亞洲首部區塊鏈電影《聖人大盜》及全球各地應用為例 @ Ministry of Culture
SELF TOKEN 區塊鏈前瞻科技於文化娛樂產業之發展現況 以亞洲首部區塊鏈電影《聖人大盜》及全球各地應用為例 @ Ministry of CultureSELF TOKEN 區塊鏈前瞻科技於文化娛樂產業之發展現況 以亞洲首部區塊鏈電影《聖人大盜》及全球各地應用為例 @ Ministry of Culture
SELF TOKEN 區塊鏈前瞻科技於文化娛樂產業之發展現況 以亞洲首部區塊鏈電影《聖人大盜》及全球各地應用為例 @ Ministry of Culture
 
2012 08 24_native_vs_adobeair
2012 08 24_native_vs_adobeair2012 08 24_native_vs_adobeair
2012 08 24_native_vs_adobeair
 
我用Django做页游
我用Django做页游我用Django做页游
我用Django做页游
 
Html5不只是个传说
Html5不只是个传说Html5不只是个传说
Html5不只是个传说
 
面孔
面孔面孔
面孔
 
Koubei banquet 28
Koubei banquet 28Koubei banquet 28
Koubei banquet 28
 
新技术新挑战
新技术新挑战新技术新挑战
新技术新挑战
 
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development FundamentalsExam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
 
A dev ops team's practice in trend micro in agile summit 2018
A dev ops team's practice in trend micro in agile summit 2018A dev ops team's practice in trend micro in agile summit 2018
A dev ops team's practice in trend micro in agile summit 2018
 
用 Go 語言 打造微服務架構
用 Go 語言打造微服務架構用 Go 語言打造微服務架構
用 Go 語言 打造微服務架構
 
前端開發學習簡介
前端開發學習簡介前端開發學習簡介
前端開發學習簡介
 
图片优化中常见的7大误区你犯了多少
图片优化中常见的7大误区你犯了多少图片优化中常见的7大误区你犯了多少
图片优化中常见的7大误区你犯了多少
 
The Overview of Web Design
The Overview of Web DesignThe Overview of Web Design
The Overview of Web Design
 

Html5 games

Hinweis der Redaktion

  1. 分两层意思 版本存在 bug , 一般来说需要重新 build 新的版本, 重新发布, 如果是移动平台,还需要重新审核, 发布。 既有用户如果不升级重新下载就会继续出现问题。那么在线版本就可以即时的来修改。 2 库存管理, 虚拟物品的购买是一个主流的方向,更新虚拟物品库存,增加新的物品, 在线版本能够做得更加灵活
  2. 虽然在中国还得假以时日
  3. 到这里, 你可能会有这样的想法。 那我的回答是 Yes and No
  4. chrome 9 以上, firefox 4, safari 5.1 已经支持,但默认关闭 , IE 还没有,但是有 plugin 可以提供
  5. 当然除了 websockets 属性之外,还有 Local storage 之类的新属性
  6. 显然,它并不是十全十美的。
  7. 问题总归会被逐步的解决, 引擎效率问题,现在有一些第三方的 js 框架,最有名的就 impact js
  8. 巨头们也已经在布局。
  9. Dextrose ,德国公司, 他们的 的 HTML5 引擎可以方便的构建这种建设类 策略类游戏, 自然,他被最善于这类游戏的巨头 zynga 收购, 目前的产品还没有出来,等待 facebook 的移动版本公布 2010 年下半年的时候, Warimal 这款游戏吸引了很多人的眼球,他是第一款上线 FACEBOOK 的 HTML5 游戏, 他的制作公司是 Rocket pack, 一家位于芬兰 赫尔辛基的公司。