HTML+JS+websocket 实现联机“游戏王”对战(二) |
您所在的位置:网站首页 › html5的websocket › HTML+JS+websocket 实现联机“游戏王”对战(二) |
目录: 游戏王联机卡牌对战 1 - 前言 游戏王联机卡牌对战 2 - 联机模式 游戏王联机卡牌对战 3 - 界面布局 游戏王联机卡牌对战 4 - 卡组系统 游戏王联机卡牌对战 5 - 卡片选中系统 游戏王联机卡牌对战 6 - 卡片放置,战场更新 游戏王联机卡牌对战 7 - 墓地,副控制面板 游戏王联机卡牌对战 8 - 返回手卡,牌组 游戏王联机卡牌对战 9 - 实现简单websocket通信 游戏王联机卡牌对战10 - 搭建游戏服务端 游戏王联机卡牌对战11 - 客户端消息的收发 游戏王联机卡牌对战12 - 消息发送具体场景 游戏王联机卡牌对战13 - 实机演示 概览在介绍详细的游戏实现思路之前,先来谈谈游戏的核心——联机模式的实现思路。虽然游戏主体是HTML+JS且运行在浏览器上,但比起页游,该游戏的实现更像是端游,即游戏的主要文件及素材(卡牌图片,音效等)都是提安放(下载)到本地,需要的时候从本地调用。而负责实现联机的服务端只存储少量的用户信息(如用户id),用于玩家间的信息传递。具体的联机流程如下:
此外,在处理游戏bug时,前后端分离的写法也能帮助我们更加快捷的定位问题的所在。比如出现图片加载或者游戏逻辑的bug,基本可以定位问题在客户端上,而如果出现对方操作我方没有及时更新的bug,就需要率先检查一下客户端与服务端间的连接是否畅通,信息传递是否ok。具体的联机交互的实现方式我们放到后面专门介绍联机的章节中来讨论。 接下来的章节就从客户端UI开始,结合游戏代码具体谈谈游戏的结构,运行逻辑等的实现思路吧。 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |