• 1. HTML5游戏之路Ready to go? HTML5 Games
  • 2. HTML5给游戏带来了什么What does HTML5 bring to Games
  • 3. HTML5 究竟是什么?What HTML5 IS?新的标记语言, 拥有了很多新的tag, 比如 ,
  • 4. HTML5 究竟是什么?现在我们说的广义HTML5,通常还包括 CSS3 和 JavaScript enginesWhat HTML5 IS?
  • 5. 我们能用它来作什么?先从
  • 6. Canvas 实现2D绘图、动画效果
  • 7.
  • 8. Canvas + audio + js engine =? 能够干什么? 有例子么? 当然有...Got an example? Sure...
  • 9. 经典的坦克大战 http://www.mhtml5.com/games/tank/Classic Tank game
  • 10. 射击游戏http://dougx.net/plunder/plunder.htmlShooting game
  • 11. WHY COOL?
  • 12. WRITE ONCE USE ANYWHERE
  • 13. Saving time with development and Testing
  • 14. 轻量级 Lightweight Text, Image, CSS, JS
  • 15. 优化游戏运营 提高效率Optimize game operation Improve efficiency
  • 16. 有多少支持HTML5的浏览器了?How many browsers support HTML5?
  • 17. 还有...And...Umm
  • 18. 终于... 鼓掌!Finally ... Applause!
  • 19. 性能一定不行吧...也许你会想You may think Performance sucks . right?
  • 20. CANVAS在桌面端性能相当好Chrome、IE9支持图形硬件加速。 Safari, firefox 部分支持CANVAS works pretty well in desktop/laptop
  • 21. “相当好”的定义是 ?如果你要作Tiny wing, Angry bird, 超级马里奥, 可以跑到 FPS 60 How good is pretty good?
  • 22. 那物理引擎怎么办?canvas只管画图How about physics engine?
  • 23. 拥抱开放 第三方的引擎Embrace open technoogy! 3rd party engines
  • 24. BOX 2D 已经用在了Angry bird 的HTML5版本上 http://chrome.angrybirds.com/ JPE http://colorhook.com/portfolio/jpe/examples/CarDemo/CarDemo.html http://colorhook.com/portfolio/jpe/examples/RobotDemo/RobotDemo.html
  • 25. 还有更多的JS engine crafty isogenic 建设类 Gameclosure 开发中
  • 26. 3D的场景怎么办? How about 3D?
  • 27. -浏览器里的3D效果 -2011.3月WEBGL公布1.0 Spec. 虽然还比较初级, 但是已经得到了多个浏览器支持. Google已经 Port了 QUAKE II 到WEBGL.
  • 28. 多人在线的呢?How about multiplayer game?
  • 29. WEBSOCKETS 用来处理服务器和玩家的双向通讯
  • 30. NODE.JS服务器端的Javasript解释器 高并发 低消耗
  • 31. 手机上能用么?Does it work in mobile?
  • 32. 没问题! No problem! IOS + Android .. + WP7?
  • 33. (本页无文本内容)
  • 34. 但 HTML5手机游戏面临挑战Still. mobile HTML5 game faces challeange
  • 35.
  • 36. 问题总会被解决机器的性能在飞速提升Problem will be solved anyway, just take a while
  • 37. 还有impact jshttp://m.agame.com/game/Biolab+Disaster/en_US/index.html
  • 38. 作HTML5游戏有赚钱么?Does HTML5 game make money ?
  • 39. 有!但目前大多在手机游戏领域在日本已经有不少手机HTML5游戏, 收入相当不错Definitely YES, but only in mobile right now
  • 40. 巨头们也在布局http://www.warimals.com/
  • 41. 为什么先在手机游戏?兼容性 智能手机的兴起 手机HTML5游戏的转换率高于下载游戏,体验简单 用户对效果的预期并没有那么高,HTML5游戏已经能实现不错的效果 社交游戏, ARPU高Why mobile?
  • 42. HTML5 游戏的机遇Opportunity
  • 43. 移动设备的生产量 2011年超过PC, 智能手机占绝对主流 巨头的支持, 微软Windows8,Google, Apple, Facebook, Google + 社交游戏的盛行 手机硬件和浏览器开放更多API 更灵活的市场渠道 browser based, apk,app...
  • 44. HTML5游戏在中国HTML5研究小组 游戏比赛 >> 更多的产品在孕育中...HTML5 games in China
  • 45. 有问题?Any Question?
  • 46. Thank You CQ_陈琦Chen Qi