HTML5游戏的开发经验、技术、数据分享 北京神奇时代 张哲.pptVIP

对于CP 大家一起开始使用HTML5吧！ Html5游戏的时代已经来临！ Canvas 还是DOM+CSS？ 开发方式 网游类 ：Canvas+DOM 结合的方式 单机类 ：纯Canvas 方式 优缺点 DIV+CSS 优点是渲染独立，易于开发。缺点是兼容性 比较适合快速制作UI，自适应较好，有很多成熟的插 件辅助开发。开发门槛适合广大的页面程序员，但是因为 各个浏览器的渲染方式的差异 需要兼容处理。 Canvas 优点兼容性好，缺点 开发难度较大 不易上 手 需要游戏开发经验比较丰富的人员。 * 主题 HTML5游戏的经验，技术， 数据分享 北京神奇时代 张哲 北京神奇时代 三国时代(SLG) HTML5技术开发 2012年2月9日公测 在线2万人 忘仙(ARPG) 原生开发 2012年6月18日公测 在线10+万人 北京神奇时代 忘仙OL HTML5之路 原生 《不江湖》 预计2013年8月底封测 三国时代OL 全新3D项目 三国时代OL,手机页游的开始 怎么开始用HTML5的？ 一个想法，是否能在手机浏览器里玩大型网页游戏 浏览网页 三国时代是什么样的 ? 可以在手机浏览器里运行（封测） ? 在电脑的浏览器里运行，互通（91） ? 打包成客户端里运行（封测后才开始） ? 接了60多个渠道，支持最多的 ? 最早赚钱的 HTML5 大型网游 三国时代运营数据 ? 注册用户数突破1000万 ? 活跃用户数100万 ? 付费ARPU 达到700 元 ? 累计收入突破7000万！ 三国时代的技术特性 ? HTML：在电脑上运行，调试方便（chrome） ? DOM，CSS3：UI开发快，布局简单（不怕rework） ? Application Cache（update花了很多时间研究） ? 最早用Canvas：处理复杂动画灵活（兼容性好， DOM有兼容性问题） 三国时代的优势 ? 多平台同时运行（PC，Android，ios） ? 不需要去商店下载安装包（微博里玩） ? 推广方式多（短信，push，一个链接） ? 快速更新（修改bug，用户没啥感觉） ? 运营灵活（说改就改，原生出问题后果很严重） 其它 还有谁也这么干呢？！ 其它HTML5游戏 HTML5策略类网游 ? 近2年的HTML5的游戏发展历程，特别是在策略类 网游发展得到了长足的进步，其中比较优秀的有 HTML5回合制网游 ? 近2年的HTML5的游戏发展历程，MMO回合制网游出 现，但是与原生相比效果还差很多 HTML5的ARPG？ 原生 忘仙 HTML5 的ARPG 还没有出现！ HTML5的普遍形态 HTML5 Why？分析原因 ? 中低端机型上HTML5性能低很多（包括ios版本） ? 在网页上运行，大量资源加载体验问题（用户流失） ? 各浏览器版本的兼容性问题（问题太多） ? Javascript，css等技术的了解不够（需要积累） ? 联网方式的不足（websocket不支持，现在也有） 但HTML5的优势 ? 多平台运行，一套代码，可以做客户端 ? 网页型式不需要去商店下载安装包 ? 易于更新，可以更新代码 ? 推广方式多，快速进入游戏 ? 数据统计很灵活，维护快 我们的态度 Q：是否我们要用HTML5开发游戏？ A： YES！ Q： 什么时候我们可以用HTML5开发高品 质的MMORPG网游？ A： Now！ 神奇时代HTML5新作 三国时代OL 历时一年的研发 不江湖OL HTML5技术开发 预计8月底封测 我们在做什么 我们在做什么 我们在做什么 我们在做什么 我们在做什么 我们在做什么 我们在做什么 我们在做什么 不江湖的技术特点 ? MMORPG回合制HTML5网游（手机页游的最高品质） ? 开发技术依然：DOM+CSS+Canvas（很熟） ? 资源全部运行时动态加载（吃一欠长一智） ? 5秒快速进入游戏，展现精美画面（这是必须的） ? 可以随时更新功能+BUG修改（不用更端啦） 不江湖的优势 ? 多平台运行 PC + Android + Ios + Win8 ? 5秒钟快速进入游戏，推广效果明显 ? 达到原生网游水平（怎么就达到了呢？） 不江湖的性能 ? Android客户端跑60帧以上（欧朋引擎上） ? IOS的Safari可以跑60帧以上 ? Android的UC，百度，海豚可以跑40帧以上 ? ios客户端可以跑30帧以上（iphone4差一些） 特别感谢 深入交流+SPHINX的硬件加速 欧朋的Sphinx ? 客户端版性能达到原生水平，