Methods
checkContinuous(role, dir) → {Boolean}
检测棋子连续性
Parameters:
| Name | Type | Description |
|---|---|---|
role |
Array | 当前角色的落子标记数据，连续的坐标数据 |
dir |
String | 方向代码 'TB'｜'TRBL'｜ 'LR'｜ 'RBLT' |
Returns:
是否连续
- Type
- Boolean
checkWin(role, isMe, dir) → {Boolean}
Parameters:
| Name | Type | Description |
|---|---|---|
role |
Array | 当前角色的落子标记数据，连续的坐标数据 |
isMe |
Boolean | 是否我方 |
dir |
String | 方向代码 'TB'｜'TRBL'｜ 'LR'｜ 'RBLT' |
Returns:
是否输赢
- Type
- Boolean
clickChessHandler(e)
落子事件句柄，绘制棋子的同时判断输赢
Parameters:
| Name | Type | Description |
|---|---|---|
e |
Event | 事件对象 |
drawBack()
悔棋绘制
drawBoard(ctx, config) → {Array}
绘制棋盘，底部标语/格子
Parameters:
| Name | Type | Description |
|---|---|---|
ctx |
CanvasRenderingContext2D | 画布上下文 |
config |
Object | 配置对象 |
Returns:
棋盘行数和列数【rows,cols】
- Type
- Array
drawChess(ctx, config, x, y, tagX, tagY, isMe)
绘制棋子
Parameters:
| Name | Type | Description |
|---|---|---|
ctx |
CanvasRenderingContext2D | 画布上下文 |
config |
Object | 配置信息 |
x |
Number | 绘制横坐标 eg: 5*gridW |
y |
Number | 绘制纵坐标 eg: 5*gridH |
tagX |
Number | 棋盘数据所在格子横向位置 eg: 5 |
tagY |
Number | 棋盘数据所在格子纵向位置 eg: 5 |
isMe |
Boolean | 我方还是对方 |
drawWinner(axis)
绘制赢方棋子
Parameters:
| Name | Type | Description |
|---|---|---|
axis |
Array | 连线的棋子坐标数据 |
init(config, store)
初始化棋盘，监听落子事件，监听棋子数量变化更新页面
Parameters:
| Name | Type | Description |
|---|---|---|
config |
Object | 配置信息 |
store |
Object | 用于保存数据 |
judgeMouseXY(x, y, config) → {Array}
判断落子位置边界处理
Parameters:
| Name | Type | Description |
|---|---|---|
x |
Number | 点击后的x轴位置，需要计算后确定落子位置 |
y |
Number | 点击后的y轴位置，需要计算后确定落子位置 |
config |
Object | 配置对象 |
Returns:
棋子实际落子的坐标信息 =>[落子横坐标，落子纵坐标，落子所在横向格子数，落子所在纵向格子数]
- Type
- Array
judgeWin(x, y)
Parameters:
| Name | Type | Description |
|---|---|---|
x |
Number | 棋子实际落子横向格子位置 |
y |
Number | 棋子实际落子纵向向格子位置 |
listenChessNum()
监听落子数量，更新页面