文档介绍：HTML5 HTML5 游戏开发游戏开发北京神奇时代北京神奇时代张哲张哲分享内容分享内容??体验体验 HTML5 HTML5 小游戏小游戏??体验体验““三国时代三国时代 OL OL ””网游网游?? HTML5 HTML5 优势和不足优势和不足??移动设备上的移动设备上的 HTML5 HTML5 ( ( iphone iphone ) ) ?? Application Cache Application Cache ??3 3个实例分析( 个实例分析( css3 css3 , , div div , , box2d box2d ) ) ?? QA QA 时间时间休闲小游戏休闲小游戏?开心网?人人?新浪微游戏三国时代三国时代 OL OL 体验三国时代体验三国时代 OL OL ??采用了哪些采用了哪些 HTML5 HTML5 canvas, application cache, localstorage, audio canvas, application cache, localstorage, audio ??结合结合 JS+CSS3+DIV JS+CSS3+DIV css3 animation, div transform css3 animation, div transform ??第三方第三方 API API , JQuery Mobile , JQuery Mobile , , JQuery tmpl JQuery tmpl ??跨平台跨平台 iphone iphone , , android android , , Pad Pad , , PC PC ??浏览器浏览器自带, 自带, UC UC , , QQ QQ , , fireforx fireforx , , opera opera 等等 HTML5 HTML5 “ Next,I ‘ d like to talk about App Store. Before I do that,I want to make something support two -- it's pletely open, uncontrolled platform. And we fully support it. ” HTML5 HTML5 大势所趋大势所趋??跨平台跨平台,用,用 JS JS ,大大降低开发成本,大大降低开发成本??各浏览器厂商的支持, 各浏览器厂商的支持, 发展迅速发展迅速?? HTML5 HTML5 是社交游戏发展的未来,尤其是针是社交游戏发展的未来,尤其是针对智能手机而言对智能手机而言??与原生客户端的比较,易于推广,更新方与原生客户端的比较,易于推广,更新方便便??与与 Flash Flash 比较,不需要比较,不需要 Plug-in Plug-in 就能执行, 就能执行, Adobe Adobe 已放弃移动已放弃移动 HTML5 HTML5 并不是一帆风顺并不是一帆风顺?? PC PC 上有上有 Flash Flash , , Unity Unity ,而,而 HTML5 HTML5 很难改变很难改变??国内网络环境,用国内网络环境,用 GPRS GPRS 下载时间过长, 下载时间过长, (application cache) (application cache) ??浏览器的兼容性问题,实现不同浏览器的兼容性问题,实现不同??支持支持 HTML5 HTML5 的手机用户,玩家比例小的手机用户,玩家比例小??原生原生 APP APP 的竞争,功能少的竞争,功能少??性能问题,标准实现问题性能问题,标准实现问题 iphone iphone 上的上的 HTML5 HTML5 Offline a custom icon, a custom startup screen, a native look-and-feel, and you can use the app even when the phone isn ’ t connected to the . Debug Go to the > Safari > Developer on your iPhone, then turn on the debug console. This will help you spot potential JavaScript errors. Icon/Startup Screen The icon needs to be 57px x 57px. The startup screen needs to be 320px x 4