《修仙三国》开发手札 H5跨平台游戏开发揭秘

厂商特供稿，以下内容并不代表网易言论

最近我们团队的拙作《修仙三国》正式发布了，这款产品的特色在于是首个利用HTML5技术研发的大型角色扮演类网游并且同时在多个平台全面发行，其品质和体验堪为HTML5同类游戏标杆。不少一直很关注和支持我的朋友纷纷在微信和微博上询问我这款游戏背后的故事，我不敢敝帚自珍，现将自己过去一年多时间内所经历过的种种酸甜苦辣和抉择都一一撰写出来，本文并非技术开发指导的具体教程，而是一个团队在通往HTML5游戏商业化之路的种种艰辛努力和宝贵经验，以飨读者。

早在2012年，经过一番痛苦的尝试之后，我们发现手机用户对于HTML5游戏的体验确实不如想象中理想。究其根本原因是因为手机上的浏览器使用率要比PC较低，很多时候手机用户的网络环境并不佳，他们对使用网页打开的应用或者游戏都存在一定的偏见，觉得过慢或者消耗流量花费金钱而避而远之，同时手机浏览器也无法使用脚本的方式将网页直接留存在历史记录或者书签内导致不少用户无法返回游戏，这些使得我们在推广和玩家留存上遭遇了很大的阻力。但是在此前游戏产品推广运营的过程中我们也意外的发现，几乎有一半的玩家选择了同时用PC和手机来体验我们的游戏，还有更多的玩家在用平板电脑，虽然基数很少但带给了我们很大的鼓舞，也坚定了我们继续下去的决心。

于是去年7月份，团队的核心成员聚在一起，开始商量如何继续做下一款HTML5网游。最初提出做MMORPG的想法遭到了不少人的反对，理由还是在于HTML5屡遭人诟病的性能问题。很多人认为做卡牌类型或者SLG游戏才是HTML5游戏最好的方向，毕竟当时手机卡牌类游戏方兴正艾。但最终我还是努力说服了所有人，毕竟技术是发展进步的，无论是手机浏览器还是硬件，在游戏长达一年的研发周期中，谁都很难预料到未来的急速变化。我们应该着眼于下一阶段，做更超前一步的事情。现在已经可以看到手机浏览器几乎每个版本在对HTML5的支持方面都有令人欣喜的进步！而我们为什么不能做一些超越自己能力的挑战。经过市场调查发现2.5D视角的角色扮演类游戏有着其它游戏难以企及的代入感，最受玩家青睐。最后，团队所有人一致决定，一定要做一个“毁人三观”的HTML5多人角色扮演跨平台网游！

同时游戏的题材和命名也是一个令人反复争执的痛点。事到临头才发现，想要找一个容易记忆又别出心裁的素材和名字也不是一件容易的事情。鉴于国内最流行的RPG游戏的选材，而武侠类游戏又会涉及到版权的风险，所以我们还是确定了采用三国的游戏背景，但涉及到角色扮演的情节，最终加上了一点神话的故事。很多人小时候或多或少都会有关于三国的梦想，无论是英雄无敌还是奇谋妙策，无论是忠肝义胆还是霸气天下，由此也孕育出不少成功的游戏，在三国的历史故事里加上一抹神秘玄幻的修仙色彩正是我们团队所有人想要圆的一个美丽的梦想，我们也相信也会带给更多玩家惊喜的赶脚吧。

最后的准备当然是技术的选型和工具，在完成几个Demo之后，大家最终还是决定采用回合制的游戏方式，但也表示永远不会放弃做实时战斗MMOARPG的梦想，将会放在下款游戏！我们在开发上选择用Chrome和iPhone的Safari作为主适配平台，因为这两个分别是PC和手机表现最好的HTML5浏览器，可以用来调试。而编码主要采用Aptana工具，这个继承自Eclipse的优秀脚本编辑器可以非常方便的帮助我们完成编码和调试等一系列工作。而MMORPG游戏开发必不可缺少的地图编辑器和动画编辑器等工具，我们也是提前准备需求，简单且满足游戏开发即可。

很快，在2012年10月份我们正式启动了开发工作，整个团队都开始有条不紊的投入进来了，每个人都非常热情的参与到了游戏中。由于我们采用了HTML5的引擎，这让我们比一般游戏开发团队做起来效率更高，速度更快。举个例子，我们可以直接通过浏览器来调试自己的游戏脚本，而不用任何编译工作，让所有人直接加入测试并提出各自的体验反馈，节省了大量的时间和精力，尤其是对于跨平台开发，并不需要若干个不同系统的客户端团队例如iOS，Andriod,Flash与服务器相互沟通交流，无论是研发成本还是开发周期都大大的节省了，也同时也给测试带来了极大的便利。在整个研发过程中，我们每个人都是策划，都可以提出自己认为好玩的观点，大家在一起汇总评估，也会利用HTML5的优势快速完成几个demo去体验调整。在开发过程中所有成员时刻都保持着危机意识，我们脑海里面有很多假想敌，逼迫着我们每天加班加点赶项目，尤其是我们的前端主程几乎就没有度过一个完整的周末，只是为了让游戏运行得更稳定一些，体验更好一些。新的项目从立项到内测版本发布一共不到8个月的时间（我们的前后端代码全是从零开始写的，基本没有复用）。大家有这样的觉悟，是因为我们之前做的几款产品都犯了一个致命的错误——研发周期太长，最后的结果就是贻误战机，没有在市场最需求的时候将产品发布出去，因此对于这个重量级产品的修仙三国，每一个人都不敢有丝毫怠慢。

我们曾经为新产品做了两年的储备，HTML5虽然有很多优点，但是劣势也很明显，性能问题、工具不全、没有成熟的开发框架等等，这一切我们从一开始就明白，所以决定一切都自己动手一点一滴积累起来。我们的游戏引擎包括了自己完成的一个包括地图模块，动画模块，UI控件模块以及物理引擎和各种编辑工具，内容都很简单容易上手，我们希望能够用《修仙三国》这款游戏的成功来验证这款引擎的实用性，同时我们也计划在明年初可以将这套成熟的HTML5游戏引擎开放给更多的开发伙伴。

我们始终坚信HTML5是一条正确道路，在产品研发的过程中我们也遇到了数不清的困难，毫不夸张的说每个困难都足以让我们的产品难产甚至绝望。在此其间在团队内部也发出过一些质疑，大家甚至怀疑我们能否将产品最终做出来，毕竟这是一条充满荆棘之路。但是随着大家众志成城一个个难关被攻克、产品的发布，逐渐打消了所有人的疑虑。

在我看来技术只是一种呈现的手段，真正的玩家是不会关心技术的，要让产品成功光靠技术也是不够的，我们所坚持努力的HTML5只是希望让游戏做得更快点，能在有限的时间内多做一些好游戏服务于更多的玩家罢了，为此目标，我们尽了最大的努力。

在开发进展中我们碰到的各种困难，比如UI体验不够流畅，因为HTML5的特性中并没有对于GUI有任何的新标准。我们还是沿用HTML4中就已经制定好的HTML标签，再加上一些CSS3的新样式做出一些之前做不到的特效而已。但是和native应用中的UI界面比起来还是有较大的差距。其次在HTML5中的游戏音效有一些问题，所以我们目前没办法大规模的使用音效，这让游戏的表现力会受到一些影响，不过为此我们正在做出努力，相信随着HTML5最终标准的确立，各大浏览器对于多媒体标准的实现上一定会有很大改进，到那时候这一切都不再是问题。接下来就是编辑器也需要优化，因为HTML5是一个标准，不像flash一样有专门的团队针对游戏开发的需求设计出各种各样的开发工具。我们的编辑器都是靠自己来完成开发，但是之前由于时间有限所以我们编辑器的功能也比较简单，未来我们希望可以将各种编辑工具进行优化，使之功能更加强大。在手机屏幕和平板电脑，PC不同尺寸之间的兼容性我们也做了深入的考虑，虽然浏览器可以自动缩放游戏的分辨率，但随之带来的操作性和字体大小等细节都消耗了我们大量的时间不断的优化调整，力争将产品做到最好。

今年6月份，产品终于告一段落，游戏的画面颇为精美，无论是场景和人物设计都是采用了3D建模转2D的方式，游戏的策划和技术也都耗费了我们大量的心血。可在推广问题上大家又有了争执。最后我们经验丰富的投资人创新工场的汪华给了宝贵的建议，这使我们决定采用在智能手机上主推安装包而平板电脑和PC则重点推广Web链接的方案。这样最大限度的发挥HTML5技术优势，即可打包提供下载安装，又可通过网页直接在浏览器内打开。经过我们实际调查分析，认为手机用户和平板电脑用户存在着不同，手机用户的网络条件不如Pad强，而且浏览器的使用率也远低于平板电脑，平板电脑尤其是Pad用户对于Web的产品延续了PC的习惯，他们对直接打开，免下载免安装的网页游戏有着强烈的需求，可由于众所周知的原因，这块却一直都是个蓝海，一块空白。

所以最后又面临打包上苹果AppStore平台的问题，好在这块我们早已积累了丰富的经验。经过一番努力和不断改进，产品最终顺利的通过并且上线了。目前这款游戏已经开始免费下载，如果大家觉得这篇小文对你们有所帮助的话，也请大家支持一下我们，轻点一下app下载，给留个好评，谢谢啦！

有人问起安卓平台，我们已经和多家优秀的第三方手机浏览器厂商进行了合作，相信安卓版本在不久就会借助他们强大的HTML5技术的早日出现在玩家的手机中吧！

最后我再解答一下采用HTML5技术开发游戏的跨平台优势吧。

1）用HTML5开发手机应用和游戏的效率会稍高一些，成本也会略有降低。这主要体现在各种智能手机终端的移植上，我们前端都是javascript工程师，而打包移植的工作有1个人就可以快速搞定。不需要同时维护若干个团队和若干个版本。

2）用HTML5开发，游戏升级版本更新会更方便，只要不涉及原生代码的改动，我们都可以在后台安排脚本更新即可，无需用户再去下载安装覆盖等麻烦，也减少了因此而带来的用户流失。

3）用HTML5开发的网页游戏跨平台的能力较强，可以运行在PC，平板，手机等所有支持HTML5的浏览器内，这样可以让玩家无论是在电脑还是手机都可以跨平台体验游戏的乐趣，从后台数据看，大部分用户是愿意接受在不同的时段使用不同设备，电脑和手机来体验我们的游戏。

4）HTML5开发手机应用和游戏相对来讲会比较安全，由于浏览器的限制，我们是绝对无法读取用户的隐私信息或设置暗扣陷阱。

5）虽然HTML5页游有以上的好处，但目前HTML5游戏的市场环境还并不成熟，很多用户还是比较习惯安装app来玩游戏的习惯，所以我们也采用同时推安装包和链接两种方式来尽可能的覆盖我们的用户群，因此webapp的推广方式还是非常灵活的。在HTML5领域，我们已经做到了我们能做到的最好表现。

我们希望自己只简简单单的做好一款游戏，不断完善，更加吸引用户，更加好玩，而不再关注自己究竟做的是苹果游戏还是安卓游戏究竟是网页游戏还是手机游戏，认真的做一个简单快乐的游戏团队。研发这款大型HTML5页游大概花费了我们两年的时光，从最初的立项到引擎和工具的搭建，眼见她一步步成型，其中的喜悦无法用言语表达。我们选择了HTML5技术作为自己的创业方向，也经历了诸多质疑，迷茫和无奈的时刻，但我们坚信付出总会得到回报，只要满怀希望，热情和汗水就会看到山顶的曙光。在诸多质疑声中百折不挠，在几经绝望中迎接曙光，这样的人生才真正充实。《修仙三国》对于磊友只是一个里程碑，距离我们真正的目标其实还很远，期待自己的H5引擎可以帮助更多的Web开发者在跨平台方面做得更加精彩！

登高，坡顶自有青天；倘若有一朵白云在天边闪耀，那就望云爬坡吧！再次为所有坚持自己梦想而不懈努力的人喝彩！