2016年 HTML5 游戏开发现状

Andrzej Mazur（http://end3r.com/） 的客座文章@H_403_3@

有人让我给 JS Kongress 大会写一篇 web 游戏开发的简短介绍， 在大会上我是编程委员会的成员，并且我打算成立一个 用 Phaser 开发 HTML5 游戏的工作室。我觉得从自己的角度回顾近几年来开发 HTML5 游戏是如何改变和演化的，是个不错的主意和机会。@H_403_3@

@H_403_3@

01-@H_403_3@ @H_403_3@@H_403_3@

技术的演进@H_403_3@

@H_403_3@

我还记得四年前为 HTML5 是否已经适合开发游戏的演讲准备幻灯片，那时候还有一些问题需要考虑：糟糕的性能、没有稳定的盈利模式、离线问题、差劲的的音频，跟原生应用相比非常糟糕。从那以后已经改进了不少，但 HTML5 的核心优势还是一样的：@H_403_3@

• 你可以一处编译，到处部署，HTML5 游戏只需要一个较好的浏览器来跑——无论是什么操作系统或设备。可以是 Windows PC，Mac OS X 笔记本，Android 平板或 Firefox OS 智能手机。甚至可以是一台冰箱，只要它能运行浏览器。@H_403_3@

• 你通过访问 URL 地址就可以马上玩游戏。不用安装，不用插件，浏览器里立即可玩。@H_403_3@

• 已经有 无数的潜在开发人员 —— 我自己在决定专注游戏开发前就已经做了几年的前端开发。关于 JavaScript 的所有知识让你可以专注自己想做的事。不需要学习新的语言或者环境 —— 只用浏览器和文本编辑器，游戏就可以从头开发，因此门槛是相当低的。@H_403_3@

技术已经准备好了。网页游戏通常用 Canvas 渲染，这些年它的性能已经大大提高了。所有的浏览器厂商都在尽力提供快速的渲染引擎。创建尖端的的游戏是促进 web 发展的动力之一。@H_403_3@

@H_403_3@

如今 WebGL 已登上舞台，并且提供了更好的性能，这要感谢有硬件加速的显卡。这是个有趣的改变，从“你可以拿来做实验，但不要期望过高”和一些游戏如 Browser Quest 或者 HexGL 到“它可以应用在商业项目里”以及“一切皆有可能”和 Open Web Games测试套件里的诸如Heroes of Paragon这些标题。@H_403_3@

@H_403_3@

@H_403_3@

简单地对比下我的第一款为小型智能手机打造的游戏 Captain Rogers: Asteroid Belt of Sirius 和为大型电视 优化的新版，你可以看到三年的时间可以改变什么。我很想知道基于 web 的游戏在未来三年或更长时间会是什么样。@H_403_3@

02-@H_403_3@工具和库@H_403_3@

有很多框架和引擎可以选择： 想做 2D 游戏的开发者可以选择免费开源的 Phaser 或收费的 ImpactJS，那些更偏向设计游戏的人员可以使用 Construct 2 或 Game Maker，3D 游戏开发有 PlayCanvas 或 Babylon.js。当然，还有 更多的 有趣选择——这些只是其中比较流行的。游戏业界的大厂也慢慢地认可 HTML5 的未来了 —— Unity 和 Unreal 提供了利用 asm.js 导出游戏到 web 平台的能力，这创造了很多新的可能性。@H_403_3@

@H_403_3@

除了引擎，还有很多有意思的编辑器、插件和其他工具，帮助你加快游戏开发速度。@H_403_3@

你还可以用 CocoonJS 或 Intel XDK 这样的工具把游戏打包发布到原生应用市场如 AppStore 或 Google Play。再次说明——可以重用一份代码在各种平台和应用市场构建和发布。@H_403_3@

@H_

403_3@

社区在发展壮大。在 HTML5 游戏开发论坛上你随时可以找到帮助,各种教程和文章数量多得令人发指。数不清的 竞赛强迫你在严格限定的时间内完成创作。 每周发布的 简报 让你随时掌握游戏开发的前线消息。如果在游戏开发生态系统里有什么缺失的东西，很可能有人会最终做出来。@H_403_3@

03-@H_403_3@未来@H_403_3@

针对大型的商业项目，技术已经足够成熟。 Canvas 已经相当快，WebGL 支持情况在快速改善。 大型的 专业游戏引擎 如 Unreal 和 Unity 已经能够利用 asm.js 导出项目到 WebGL。先进的 Web 应用是游戏的完美方式。Web Assembly 是要寻找的东西。 WebVR 将会是下一个大事件。@H_403_3@

@H_

403_3@

现在是深入游戏开发的最佳时间，市场在扩大，你依然可以参与其中。你要做的就是行动起来！@H_403_3@

✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦@H_403_3@

原文：@H_403_3@@H_403_3@

http://www.zcfy.cc/article/current-state-of-html5-game-development-in-2016-1497.html@H_403_3@

@H_403_3@

@H_403_3@

@H_475_197@点击“阅读原文@H_403_3@”，@H_403_3@@H_403_3@看更多@H_403_3@

精选文章@H_403_3@

↓↓↓@H_403_3@