前言

兄弟们,之前我开发了支持联机对战的五子棋、斗地主、UNO。在大家的呼吁之下,我继续开发「象棋」啦!

今天,联机对战象棋,正式发布!

联机象棋发布!打开URL就能联机对战!观战!单机演练!分享残局!_游戏

开发过程中产出的技术文章如下,欢迎关注专栏《教你做小游戏》​,欢迎关注我HullQin,你的支持是我开发免费工具的最大动力!

  • 《用SVG画一个象棋棋盘》。
  • 《基于svg和ttf(字体文件),我仅用6kb就画完了象棋所有棋子》。
  • 《我用43个字符,就存下了象棋的棋盘状态》。
  • 《JS实现象棋移动规则》。
  • 《一种记录象棋历史记录的方案:平均每步仅占10bit位》。
  • 《用JS实现平均每步仅占10bit位的象棋历史记录保存方案(encode篇)》。
  • 《用JS实现平均每步仅占10bit位的象棋历史记录保存方案(decode篇)》。
  • 《极致压缩:用2至5位二进制表示17种可能性》。
  • 《车炮能移动17个位置,针对90种出发点,如何建立0-16和目标点的映射?》。
  • 《太卷了!开发象棋,为了减少40%存储空间,我学了下Huffman Coding》。

功能介绍

本地对战

游戏支持本地对战(象棋的单机版本),两个人操控同一部手机,轮流下棋。

特性:可以双方协商悔棋;可以主动旋转棋盘;下棋后有移动标记。

联机象棋发布!打开URL就能联机对战!观战!单机演练!分享残局!_历史记录_02

  • 中间有「悔棋」按钮,点击后立马悔棋。如果忘记上一步吃了谁,也可以点击「悔棋」看一眼。
  • 右上角有「旋转棋盘」按钮,点击后,红黑色对换位置(中心旋转变换)。对黑棋手更加友好。
  • 下棋后,移动的棋子和移动前的位置有黑色阴影标记,方便记忆。

联机对战

我开发的一系列「线下聚会游戏」,主打联机对战功能,这当然是最实用的功能啦!

双方进入同一个房间后,即可开始对局!

联机象棋发布!打开URL就能联机对战!观战!单机演练!分享残局!_游戏_03

房间规则介绍

联机象棋发布!打开URL就能联机对战!观战!单机演练!分享残局!_游戏_04

  • 第一个进入房间的,是房主。右上角有个🔑标记。
  • 房间人满后,房主负责点击「开始游戏」,并且房主自动变为红方(先走的人)。
  • 房间人满后,后续进入房间的玩家,直接变为观战者。
  • 头像边框为黄色,表明该玩家是你;如果所有头像都不是黄色边框,说明你是观战者。

观战者视角:

联机象棋发布!打开URL就能联机对战!观战!单机演练!分享残局!_游戏_05

对战规则介绍

联机象棋发布!打开URL就能联机对战!观战!单机演练!分享残局!_历史记录_06

  • 游戏开局后,玩家头像下方有个「黑」或「红」,表明该玩家的棋子颜色。
  • 黑色棋手的棋盘会默认旋转,这样无论黑色还是红色,自己的棋子都在下方,给玩家统一的下棋体验。
  • 轮到你下棋时,你可以先点击你的棋子(此时棋子出现黑色框框),再点击可移动的位置,如果满足规则,则棋子移动成功,轮到对方下棋。
  • 任何时候,你都可以「认输」,游戏直接结束。
  • 你刚下完某一步棋时,你可以请求「悔棋」,等对方同意或拒绝,若拒绝,对方继续下棋,若同意,你撤回上一步,并等待你重新下棋。
  • 任何时候,你都可以「单机演练」。下面重点讲解。

单机演练功能

在联机对战时,也许你会思考:「如果这样、再这样走,会不会更顺利?」但是奈何自己脑容量有限,非常想在棋盘上摆弄两下再观察棋局。

现在,我提供了「单机演练」功能!点击按钮,自动转为本地对战模式!当前棋盘复制过来,如果你是黑色,那么这个旋转棋盘也会继续保留!

在单机演练模式下,你可以随意下棋、悔棋,操控双方棋子,直到找到你的「最优解」!再「返回房间」,去结束比赛!

联机象棋发布!打开URL就能联机对战!观战!单机演练!分享残局!_前端_07

分享棋局

在「本地对战」模式或者「单机演练」模式下,你的URL里保存了当前棋盘的所有信息,包括:

  • 当前该谁下棋;
  • 当前各个棋子位置;
  • 下棋所有历史记录。

只要你分享这个URL给好友,或者保存下这个URL,那么你就保存了这个「棋局」,以后可以复盘,或者分享残局给好友!

体验地址

欢迎来玩!我承诺:没有广告!没有任务!没有收费! 我致力于给玩家提供最纯粹、最简洁、最流畅的游戏体验!只希望你分享给大家,让更多的人知道它!感谢支持!

game.hullqin.cn/xq

写在最后

我是HullQin,公众号线下聚会游戏的作者(欢迎关注公众号,联系我,交个朋友),转发本文前需获得作者HullQin​授权。我独立开发了《联机桌游合集》​,是个网页,可以很方便的跟朋友联机玩斗地主、五子棋等游戏,不收费无广告。还独立开发了《合成大西瓜重制版》​。还开发了《Dice Crush》​参加Game Jam 2022。喜欢可以关注我噢~我有空了会分享做游戏的相关技术,会在这2个专栏里分享:《教你做小游戏》、《极致用户体验》。