Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/michael18811380328/wuziqi

wuziqi game created by react
https://github.com/michael18811380328/wuziqi

Last synced: 1 day ago
JSON representation

wuziqi game created by react

Awesome Lists containing this project

README

        

# 五子棋小游戏

一个前端实现的五子棋小游戏。

## 五子棋逻辑

初始状态:已有的棋盘是一个矩阵,默认每个节点都是空。

进行状态:点击某个节点,落子,记录点击的人和点击的位置。

结束状态:如果出现五颗相同颜色的棋子,连成一条线,可以横着、竖着、斜着,判断获胜。如果全部棋盘都下满了,判断平局。

## 五子棋 UI

### 静态元素

棋盘 Board 是一个矩阵,宽度为 N。

更多信息 More 是固定信息。

### 动态元素

落子图层 Chess 是一个矩阵,宽度为 N - 1。我们默认不能下到边界上。用户点击某个位置后,记录对应的位置,渲染对应颜色的棋子。

其他样式参考:https://wuziqi123.com/

## 未来

1、多人操作:socket 实现

2、复杂功能:

在多人操作的基础上,增加下面的操作:开始、结束、认输、和棋、悔棋。

使用 operations 队列实现操作。

3、支持用户自定义

自定义先后手,自定义棋盘大小。