top100summit 秀野堂主-做最好的html5游戏 copy

做最好的HTML5游戏秀野堂主谈HTML5游戏架构

12年12月11日星期二

秀野堂主《论道HTML5》作者中国传媒大学客座讲师HTML5游戏 HarborStory 制作人5个P团队创始人5个P游戏引擎的参与者之⼀一IGP邮件：[email protected]微博：h1p://weibo.com/xiuyetang


mailto:[email protected]


http://weibo.com/xiuyetang


《论道HTML5》作者中国传媒大学客座讲师HTML5游戏 HarborStory 制作人5个P团队创始人5个P游戏引擎的参与者之⼀一IGP邮件：[email protected]微博：h1p://weibo.com/xiuyetang






我为HTML5做了什么



1，超过至少130万人次看过我的教程《秀野堂主讲HTML5》的浏览；



1，超过至少130万人次看过我的教程《秀野堂主讲HTML5》的浏览；2，应传媒大学邀请，开设HTML5的课程；



1，超过至少130万人次看过我的教程《秀野堂主讲HTML5》的浏览；2，应传媒大学邀请，开设HTML5的课程；3，在多个公司、培训机构，进行过HTML5技术培训和讲座；



1，超过至少130万人次看过我的教程《秀野堂主讲HTML5》的浏览；2，应传媒大学邀请，开设HTML5的课程；3，在多个公司、培训机构，进行过HTML5技术培训和讲座；4，向adobe公司的研发的adge开发工具提出建议与意见；



1，超过至少130万人次看过我的教程《秀野堂主讲HTML5》的浏览；2，应传媒大学邀请，开设HTML5的课程；3，在多个公司、培训机构，进行过HTML5技术培训和讲座；4，向adobe公司的研发的adge开发工具提出建议与意见；5，耗时⼀一年，带头编写《论道HTML5》；



1，超过至少130万人次看过我的教程《秀野堂主讲HTML5》的浏览；2，应传媒大学邀请，开设HTML5的课程；3，在多个公司、培训机构，进行过HTML5技术培训和讲座；4，向adobe公司的研发的adge开发工具提出建议与意见；5，耗时⼀一年，带头编写《论道HTML5》；6，耗时⼀一年，带领团队做出大型HTML5网络社交游戏《Harbor Story》；



1，超过至少130万人次看过我的教程《秀野堂主讲HTML5》的浏览；2，应传媒大学邀请，开设HTML5的课程；3，在多个公司、培训机构，进行过HTML5技术培训和讲座；4，向adobe公司的研发的adge开发工具提出建议与意见；5，耗时⼀一年，带头编写《论道HTML5》；6，耗时⼀一年，带领团队做出大型HTML5网络社交游戏《Harbor Story》；7，分离出基于HTML5的5个P游戏引擎；



1，超过至少130万人次看过我的教程《秀野堂主讲HTML5》的浏览；2，应传媒大学邀请，开设HTML5的课程；3，在多个公司、培训机构，进行过HTML5技术培训和讲座；4，向adobe公司的研发的adge开发工具提出建议与意见；5，耗时⼀一年，带头编写《论道HTML5》；6，耗时⼀一年，带领团队做出大型HTML5网络社交游戏《Harbor Story》；7，分离出基于HTML5的5个P游戏引擎；8，正在进行HTML5的更多的引擎设计与研发


准备搞HTML5游戏


现在的我


给我5分钟时间热个身

哥向来不说官话套话


HTML5有没有希望？


HTML5有没有希望？

• 很多人说HTML5还不成熟

• 很多人说我们再等等看

• 很多人说Facebook都认怂了

• 很多人说HTML5就是闹剧

• 很多人说看不到HTML5的希望


2B们的话你也信？


发生了什么？


发生了什么？• 看看微软和谷歌在做什么？IE10雪耻。

• 看看国内的公司在做什么？纷纷加入W3C

• 看看HTML5游戏赚钱如何？三国时代月入过百万。在我眼里，那不是真正的HTML5游戏。。。只是网页而已。

• 看看火狐半死不活的样子

• 看看QQ浏览器、看看创新工场、看看百度

• 没希望，这帮家伙这么玩命搞？

• 仅中国而言：从2010年到现在，以HTML5的名义召开的大型会议，至少50场。以HTML5的名义进行的融资超过1亿美金。区区不才，书写的那么差劲，已经卖光。

• 谁说HTML5没有希望？


前戏结束了


• 缺少真正的大场景、大制作、国际化、高并发的游戏

• 缺少真正的游戏引擎

• 缺少真正的理想实践者

• 会议过多，议出来的事情太少

• 乔布斯死后的世界，群雄并起，平台越来越混乱，BlackBerry还魂了。

• 因为忽悠的人太多，资本现在不敢碰HTML5

• 总结下来就是：钱少会多、人懒货缺


HTML5行业现状• 缺少真正的大场景、大制作、国际化、高并发的游戏

• 缺少真正的游戏引擎

• 缺少真正的理想实践者

• 会议过多，议出来的事情太少

• 乔布斯死后的世界，群雄并起，平台越来越混乱，BlackBerry还魂了。

• 因为忽悠的人太多，资本现在不敢碰HTML5

• 总结下来就是：钱少会多、人懒货缺


只有HTML5是争霸所有平台的利器


让我们做⼀一款好游戏


好游戏的本质是什么？


秀⼀一把我们的作品


我们的目标高分辨率大场景贴图游戏各种屏幕、设备的高度适配问题宽窄自适应的长链服务器推送问题动画效果能够根据环境自动降级和增强刷新速度从根本上超越任何⼀一种HTML5游戏语言包分离、数值调整分离开发人员可分层工作，在数据层、图形层中无干扰分离合作团队群P开发规模化成为可能

把实验性的概念变成企业级应用现实


我们的目标


世界上第⼀一个对于HTML5游戏架构的工业标准


四跨、三大、两极、⼀一根筋

世界上第⼀一个对于HTML5游戏架构的工业标准


1 跨浏览器—无论什么浏览器（实际上IE678不支持）


2 跨操作系统——无论什么操作系统（实际上DOS不支持）


3 跨设备—无论什么设备都支持


4 跨屏幕—无论什么尺寸的屏幕都支持（实际上蓝屏不支持）


1 大场景操作

• 可缩放操作• 支持多点触摸事件，可捏合，可响应手势

• 超大地图，超大场景，远远领先当前行业


2 大服务器与集成应用渠道中心

• 国内：可接91，可接新浪微游戏，可接UC，可接腾讯帐号体系，可接任何各种形式的渠道

• 国外： iOS的app Store Android的Google Play Win8的market 部分国家的优势、强势渠道

无需SDK，⼀一把搞定另有：Paypal、信用卡、支付宝、充值卡等多种方式可以接受广泛支付


3 大负载弹性云计算

• 依赖云服务器，弹性分配资源• 以最少的成本，提供最大的服务器计算能力• DNS加速、全球运算接入点

• 从用户连接--到操作--到存储，完全高速完成，接近本地


1 极低的成本对使用者而言：省流量（通信量同类游戏中最小）

对开发者而言：以最低的成本实现最高的负载开发周期极短、迭代周期极短美术、策划、开发、数据、运维均可分离，独立操作


2 极高的适配性• 对使用者而言：• 任何智能设备都可以使用

• 对开发者而言：• ⼀一套代码，四处运行，运维成本低而适配性极

• 无须建立独立的面向不同平台的开发团队与运维团队

• 引擎效率极高，大量的微刷新技术保障图形显示性能

• 开发效率极高，各部门、各环节可以插拨式开发


5个P的⼀一根筋方案

• 行业内唯⼀一• 不仅是⼀一个引擎，同时也是⼀一个解决方案• 从客户端、服务器、运维、都有⼀一揽子解决计划• 不光能做游戏，做应用更不在话下• 开发设计本引擎时，就考虑了⼀一根筋的开发模式


来点纯技术流的


HTML5游戏架构理论

• H5游戏在技术上最重要的是什么？

• 性能• 稳定性• 感知


多数人如何处理？

• 刷Canvas，定时器，数据层，表现层，逻辑层，有点类似Java和.net的架构，像是开发ERP和网站

• 做点小游戏，不敢挑战大型游戏• 把Flash想方设法搞到手机上。

• 等着别人搞出来，自己好抄袭⼀一下


常见的错误模式之⼀一

canvas

数据层

逻辑层

事件层

表现层


常见的错误模式之二

客户端 AJAX服务器

骂WebSocket


常见的错误模式之三我们试试WebGL怎么样？3D很刺激啊

我们没钱建CDN，还是做游戏吧？

LocalStorage还是新东西，用Cookie吧

WebWorker是不是还不太安全啊？


HTML5游戏如何架构• 弄清楚这是什么游戏？• 在清楚技术边界的前提下确定玩法；• 服务器端技术方案先行• 通信方案的决断• 弹性云• 表现层的渐进增强和优雅降级• 不要武断的全局通用，适当搞分支


HTML5游戏架构7问• websocket倒底用不用？

• localStoage倒底如何用？

• applicationCache倒底如何用？

• DeviceAPI哪些可以用？

• Canvas和CSS3应该如何使用？

• 打包吗？• 从哪里入手开始干？


谈经验与技巧


canvas的纠结

• canvas如何用？

• canvas的性能如何提升？

• canvas中的特效如何实现？


如何理解PhoneGap

• PhoneGap的理解

• PhoneGap的几大流言

• PhoneGap的技术处理


服务器端的架构

• HTML5游戏的服务器端本质上与其它游戏没有区别

• HTML5的服务器端有多种理解方式

• 局域网内的单机互为服务器• www网中的全局架构

• 混服与单服


难点在哪？

• 兼容• 适配• 性能


还想听吗？

• 下回分解


片尾广告


5个P团队介绍


5个P团队介绍• 我们都是P民；

• 我们团队只有5个人；

• 我们是坚持理想并能够做出作品的人；• 我们是具有高度自律品格与充分技能的人；• 我们是务实而肯干的人；• 我们只专注于HTML5的开发与应用；


我们是HTML5的火种


感谢、再见

• 元芳，你怎么看？

• 欢迎各类人物与我联系，我现在是团队的外联人员。

• 邮件：[email protected]

• 微博：weibo.com/xiuyetang




top100summit 秀野堂主-做最好的html5游戏 copy

Documents