HTML5游戏开发进阶 11:WebSocket与多人对战模式

    我们将使用HTML5 WebSocket API向我们的RTS游戏加入多人对战支持

11.1 使用Node.js操作WebSocket API

   之前浏览器与服务器之间通信的唯一方式就是通过逐个request序列,对服务器进行轮询或长轮询。虽然这些方式确实有效,但是过高的带宽占用率和网络传输延迟使它们不适合在即时的多人对战游戏中使用。

    WebSocket API的出现改变了这一切。它在单个的TCP socket中定义了双向的全双通信管道,为我们在服务器与浏览器之间提供了一种高效的、低带宽占用率通信方式。

    简而言之,我们可以在浏览器与服务器之间建立单一、持久的连接,更频繁地发送和接收数据。

11.2 创建多人对战游戏大厅

    大厅将显示一串游戏房间的列表。玩家可以在大厅中选择进入或离开房间。如果两个玩家都进入了同一个房间,多人对战游戏就会自动开始,两个玩家将在游戏中进行对决。

     multiplayer.js

     定义多人对战大厅界面

     游戏房间列表

     进入和离开房间

11.3 启动多人对战游戏

     当两个玩家都进入同一个游戏房间中时,多人对战游戏模式就会启动。我们需要告诉客户端来加载同一个关卡。一旦两个浏览器都完成了关卡的加载,那就开始游戏。

     server.js



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值