基于 WebRTC 创建一款多人联机游戏

原文：Creating a Multiplayer Game with WebRTC
作者：Ryan Baxley
译者：聂震坤
审校：屠敏

本项目的目标旨在尽可能少用服务器资源的前提下研发一款在线多人游戏，同时期望在一个用户的浏览器上运行游戏，同时让另一个玩家来连接。此外还希望程序尽可能简单以便于在博客中分析。

运用的技术

在我刚接触 P2P 网络技术的时候便发现了 WebRTC，并认为这项技术正好适合此项目。WebRTC 是一个新型网络标准旨在给网络浏览器提供即时通信的能力。大部分 WebRTC 案例都是关于建立一个视频或者音频流，但是这项技术也可以用来传输二进制数据。在此项目中，更倾向于使用数据通道将用户的输入传输到主机；游戏状态传输给玩家。

但是，WebRTC 并不能完全消除对服务器的依赖。为了建立一个连接，两个服务器必须传输少量的信息。一旦连接建立完成，接下来的整个连接过程是纯 P2P。

库

WebRTC API 相对复杂，所以一个好的简化库是有必要的。PeerJS 目前功能最全面的库之一，然而已经有两年没有更新了。在使用 PeerJS 的过程中碰到了几个严重的漏洞导致我不得不放弃使用它。Simple-peer 是一个不错的替代品，提供了很多用于创建 WebRTC 连接的简单接口。以下是他的代码：

var SimplePeer = require('simple-peer')

var peer1 = new SimplePeer({ initiator: true })
var peer2 = new SimplePeer()

peer1.on('signal', function (data) {
   
  // when peer1 has signaling data, give it to peer2 somehow
  peer2.signal(data)
})

peer2.on('signal', function (data) {
   
  // when peer2 has signaling data, give it to peer1 somehow
  peer1.signal(data)
})

peer1.on('connect', function () {
   
  // wait