cocos creator从零开发五子棋

在线预览 https://mirahs.github.io/cases/ 源码地址 https://gitee.com/mirahs/gobang

棋盘原点是左下角，每个落子根据所在行列计算出id存储在chessMap属性中。判断胜负时，依次把最后落子左至右，下至上、左下到右上、左上到右下两边各4个棋子加上自己共9个棋子取出来，判断是否有连续5个

Canvas节点下新建空节点panelSettle，挂载Widget组件并勾选Top、Right、Bottom、Left把这些属性都设置为0，挂载BlockInputEvents组件。 panelSe

编辑scripts/Game.ts，添加GRID_INIT常量配置第一个落子的棋子。 添加如下成员属性。 添加如下方法。 修改start方法。 修改init方法，末尾添加如下代码。 运行项目，已经可以

编辑scripts/Game.ts，导入Chess脚本。 添加CHESS_BLACK和CHESS_WHITE常量。 添加chessPrefab属性。 拖拽chess预设到对应属性上。 添加如下方法。

资源导入 新建textures目录并把资源导入。 预设制作 拖动textures/black到Canvas节点下并重命名为chess，Size设置为45x45。chess节点下新建Sprite (单色

新建scripts/Game.ts，内容如下，把它挂载到Canvas节点上。拖拽Canvas/grid/bg节点到bgNode属性上，拖拽Canvas/grid/root节点到rootNode属性上。

棋盘 Canvas节点下新建空节点grid，PositionX和Y分别设置为-375。 棋盘背景 Canvas/grid节点下新建Sprite (单色)节点bg，Anchor设置为0x0，Size设置

创建项目 设计分辨率设置 点击菜单项目 => 项目设置...，弹出项目项目设置面板后点击项目预览，设置好后点击保存按钮。 设计分辨率设置好后，以后新建场景默认大小是750x1334(这个大小在实际项目

软件版本 Cocos Creator 2.4.8，安装参考 cocos creator安装 编程语言 TypeScript 功能 棋盘布局 无AI 胜负判断 在线预览 https://mirahs.g