HTML5游戏开发进阶 11:WebSocket与多人对战模式
2018-02-14 15:03
495 查看
我们将使用HTML5 WebSocket API向我们的RTS游戏加入多人对战支持
WebSocket API的出现改变了这一切。它在单个的TCP socket中定义了双向的全双通信管道,为我们在服务器与浏览器之间提供了一种高效的、低带宽占用率通信方式。
简而言之,我们可以在浏览器与服务器之间建立单一、持久的连接,更频繁地发送和接收数据。
multiplayer.js
定义多人对战大厅界面
游戏房间列表
进入和离开房间
server.js
11.1 使用Node.js操作WebSocket API
之前浏览器与服务器之间通信的唯一方式就是通过逐个request序列,对服务器进行轮询或长轮询。虽然这些方式确实有效,但是过高的带宽占用率和网络传输延迟使它们不适合在即时的多人对战游戏中使用。WebSocket API的出现改变了这一切。它在单个的TCP socket中定义了双向的全双通信管道,为我们在服务器与浏览器之间提供了一种高效的、低带宽占用率通信方式。
简而言之,我们可以在浏览器与服务器之间建立单一、持久的连接,更频繁地发送和接收数据。
11.2 创建多人对战游戏大厅
大厅将显示一串游戏房间的列表。玩家可以在大厅中选择进入或离开房间。如果两个玩家都进入了同一个房间,多人对战游戏就会自动开始,两个玩家将在游戏中进行对决。multiplayer.js
定义多人对战大厅界面
游戏房间列表
进入和离开房间
11.3 启动多人对战游戏
当两个玩家都进入同一个游戏房间中时,多人对战游戏模式就会启动。我们需要告诉客户端来加载同一个关卡。一旦两个浏览器都完成了关卡的加载,那就开始游戏。server.js
相关文章推荐
- HTML5游戏开发进阶 12:多人对战游戏操作
- 磊友黄何:HTML5游戏开发成本低 盈利模式清晰
- HTML5游戏开发进阶 2 :创建基本的游戏世界
- javascript开发HTML5游戏--斗地主(单机模式part3)
- JAVASCRIPT开发HTML5游戏--斗地主(网络对战PART4)
- javascript开发HTML5游戏--斗地主(单机模式part1)
- HTML5游戏开发进阶 10:完成单人战役
- javascript开发HTML5游戏--斗地主(单机模式part2)
- HTML5游戏开发进阶 6 :加入单位
- HTML5游戏开发进阶 9:添加武器和战斗
- HTML5游戏开发进阶 7 :单位智能移动
- 《HTML5 Canvas核心技术——图形、动画与游戏开发》第三章要点汇总
- 【potatoes游戏开发】cocos2dx3.X项目重写(八)观察者模式(中)
- Cocos2d-x观察者模式其实很简单!!--之游戏开发《赵云要格斗》(13)
- HTML5游戏开发(十)
- 学习HTML5开发RPG游戏第五步>游戏界面设计<一>
- (11)一步一步开发一个简单CAD之策略模式
- 分享HTML5游戏开发的5条实用建议
- HTML5游戏开发必备资源
- 微信房卡模式棋牌游戏开发的关键环节