首页 微武游戏攻略 正文

想玩在线象棋小游戏?这些网站和APP别错过!

大家今天我来分享一下我最近捣鼓的一个小玩意——在线象棋小游戏。作为一个象棋爱好者,总想在手机上随时随地来两盘,但又不想下载那些乱七八糟的APP,所以就有自己动手做一个的想法。

我先在网上搜搜有没有现成的象棋游戏代码,结果发现还真不少。有《象棋》、《天天象棋》、《JJ象棋》等等,还有《中国象棋竞技版》、《博雅中国象棋》这种听起来就很厉害的。不过这些都是人家做好的,我想要的是自己从头到尾做一个。

然后我又搜搜“在线象棋对弈软件”,又找到一堆,《中国象棋大师》、《象棋对战》、《天天爱象棋》……看得我眼花缭乱。不过这些软件都太“专业”,我只是想弄个简单的小游戏,能在线玩就行。

第一步,先得有个棋盘。

我找一些棋盘的图片素材,然后用HTML的<canvas>标签画一个棋盘。画棋盘这一步就花我不少时间,主要是调整那些线条的位置,让它们看起来整整齐齐的。

第二步,得有棋子。

小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区

棋子我也找图片素材,然后用JavaScript把它们放到棋盘上。这一步也不简单,因为要考虑棋子的移动规则,比如“马走日”、“象走田”什么的。我把每个棋子的移动规则都写成一个个的函数,然后在点击棋子的时候调用这些函数来判断能不能走。

第三步,得能在线对战。

这一步是最麻烦的。我一开始想用WebSocket来实现,但是发现这玩意儿有点复杂,我搞不太懂。后来我找到一个叫*的库,用起来简单多。我用它来建立客户端和服务器之间的连接,然后把每一步棋的操作都通过这个连接发送给对方。

  • 客户端点击棋子,触发移动规则判断。
  • 如果可以移动,就把移动信息发送给服务器。
  • 服务器把移动信息转发给另一个客户端。
  • 另一个客户端接收到信息,更新棋盘。

就是不断测试、修改、再测试……

经过一番折腾,我的在线象棋小游戏终于可以玩!虽然界面比较简陋,功能也比较简单,但是毕竟是自己亲手做出来的,还是很有成就感的。以后有时间再慢慢完善,比如加上悔棋、认输这些功能,再把界面美化一下。

这回实践让我学到不少东西,也体会到编程的乐趣。如果你也想自己动手做一个小游戏,不妨试试看,说不定你也能做出一个很棒的作品!

本文转载自互联网,如有侵权,联系删除