Web 游戏开发简介

现代 web 已经高速发展成为一个不仅能够用来创建高质量的酷炫游戏，同时也能够用来分发这些游戏的平台。

它能够制作的游戏种类可以和桌面端以及原生系统相当。采用现代 web 技术和较新的浏览器，完全有可能做出令人印象深刻的顶级页面游戏。我们这里所说的，并不是很久之前就采用 Flash® 制作出的简单卡牌游戏或者多人社交游戏，而是 3D 动作射击游戏、RPG 游戏等等。得益于 JavaScript 实时编译技术性能的大幅提升，以及新开放的 API。在制作运行在浏览器（或者是基于 HTML5 技术支持的设备）上的游戏时，我们不用妥协。

HTML 游戏平台

你可以真正地为你的游戏考虑下 web 来作为更好的目标平台。我们总是喜欢说，“web 即平台。”让我们来浏览下 web 平台的核心部分：

功能	技术
音频	Web Audio API
图形	WebGL（OpenGL ES 2.0）
输入	触摸事件、Gamepad API、设备传感器、WebRTC、全屏 API、指针锁定 API
语言	JavaScript（或使用 Emscripten 将 C/C++ 编译为 JavaScript）
网络	WebRTC 或 WebSocket
存储	IndexedDB 或“云存储”
web	HTML、CSS、SVG（以及更多！）

商业案例

作为一名游戏开发者，无论你是独立的个人还是大型游戏工作室，你想知道你的下一个游戏项目瞄准 web 是有意义的。让我们看看 web 是如何帮到你的。

web 触手可及；它无处不在。如今可以看到，用 HTML 构建的游戏运行在智能手机、平板、个人电脑和智能电视。
提高营销和曝光度。你不限于在某商店推广你的游戏。相反，你可以像其他媒体一样在 web 宣传和推广你的游戏，利用 web 的固有性和共享性接触新客户。
你可以掌握最重要的事项：支付。你不必将 30% 的收入交给其他人，仅仅就因为你的游戏在他们的生态系统。相反，你可以管理任何你想要的和使用任何你喜欢的付款处理服务。
拥有更多控制权，你可以随时更新游戏。不必着急等待审核通过，仅当其他公司的某人决定你的关键 bug 修复是否会在今天或明天交付。
掌握你的数据分析！不必依靠别人来决定你需要哪些分析，你可以自行收集数据（或选择你最喜欢的第三方平台），来获得有关你的销售和游戏产生的信息。
你可以用自己的方式更密切地管理你的客户关系。再也不用苦苦等待只能通过应用商店有限的机制来过滤客户的反馈。用你想要的方式与客户交流，没有中间人。
你的玩家可以随时随地玩你的游戏。因为 web 是无处不在的，你的顾客可以在手机、平板、家用笔记本电脑、工作电脑或其他设备上关注游戏动态。

针对游戏开发者的 web 技术

技术同行们，让我们深入研究 web 为游戏开发者提供的 API。下面是一个比较完整的列表，可以一窥 web 究竟能够做些什么：

Fetch API: 从 web 服务器发送和接收任何类型的数据，比如下载新的游戏关卡和艺术资源，或者传输非实时的游戏状态信息。
全屏 API: 这个简单的 API 能够让你的游戏占据整个屏幕，从而使玩家沉浸在动作中。
Gamepad API: 如果你想你的用户能够使用游戏手柄或其他游戏控制器来控制游戏，你需要这个 API。
HTML 和 CSS: 二者合璧，可以构建、设计并对你的游戏界面进行布局。HTML 有一个提供 2D 图形的元素，即 <canvas>。
HTML audio: <audio> 元素可以用来播放一些简单的音效和音乐。如果你想要更多的参与，可以学习 Web 音频 API 来深入了解音频处理的力量！
IndexedDB: 一个强大的数据存储 API，用来在电脑或者设备上保存用户自己的数据。这是用来保存游戏的状态和其他最近的信息的好方法，这样在需要的时候不用每次重新下载。也可以用来让你的游戏在用户没有连接到网络的情况下也能继续玩（例如在飞机上的数小时）。
JavaScript: JavaScript 是 web 所使用的编程语言，在现代浏览器中正在快速发展，而且一直在快速发展。使用它的力量为你的游戏编写代码，或者使用 Emscripten 或 Asm.js 等技术轻松移植你现有的游戏。
指针锁定 API: 指针锁定 API 允许你在游戏界面中锁定鼠标或其他指针设备，以便你不用绝对定位光标就可以获得坐标变化值，从而准确地判断用户正在做什么，并且还可以防止用户意外地进入另一块屏幕或别的什么地方，从而导致误操作。
SVG（可缩放矢量图形）: 无论用户显示器的大小或分辨率如何，都可以构建平滑缩放的矢量图形。
类型化数组: JavaScript 中的类型化数组可以让你访问原始二进制数据；这使你可以操纵 GL 纹理、游戏数据或其他任何东西，即使它不是原生 JavaScript 数据格式。
Web 音频 API: 这个 API 用于控制 JavaScript 代码中的音频的播放、合成和处理，使你可以创建出色的音效，以及实时播放和操控音乐。
WebGL: 允许你从 Web 内容创建高性能、硬件加速的 3D（和 2D）图形。这是一个 web 支持的 OpenGL ES 2.0 实现。
WebRTC: WebRTC（实时通信）API 使你能够控制音频和视频数据，包括远程会议以及两个用户之间来回传输其他应用程序数据。希望你的玩家能够在殴打怪物的同时互相交流？这正是为你所准备的 API，快使用它吧。
WebSocket: WebSocket API 使你可以将你的应用程序或站点连接到服务器，实时传输数据。非常适合多人游戏动作、聊天服务等。
Web Worker: Worker 能够让你生成运行 JavaScript 代码的后台线程，以充分利用现代的多核 CPU。