[图片] 棋盘原点是左下角，每个落子根据所在行列计算出id存储在chessMap属性中。判断胜负时，依次把最后落子左至右，下至上、左下到右上、左上到右下两边各4个棋子加上自...

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

编辑scripts/Game.ts，添加GRID_INIT常量配置第一个落子的棋子。 const CHESS_WHITE = 'white' const GRID_INIT = [7, 7] 添加如下成员属性。 @property(cc.Node) privat...

编辑scripts/Game.ts，导入Chess脚本。 import Chess from "./Chess" const { ccclass, property } = cc._decorator 添加CHESS_BLACK和CHESS_WHITE常量。 const GRID_WID...

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

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

棋盘 设计宽度是750像素，棋盘是15x15大小，每个格子50像素大小，这样就是750x750大小，棋盘放到(-375, 375)位置，这样能让棋盘在屏幕中心。 Canvas节点下新建空节点grid...

创建项目 [图片] 设计分辨率设置 点击菜单项目 => 项目设置...，弹出项目项目设置面板后点击项目预览，设置好后点击保存按钮。 [图片] 设计分辨率设置好后，以后新建...

软件版本 Cocos Creator 2.4.8，安装参考 cocos creator安装 编程语言 TypeScript 功能 棋盘布局无AI胜负判断 在线预览 mirahs.github.io/cases/ 源码地址 gitee.com/mir...

换句话说，升级过的朋友遇到过哪些坑呢？目前我总结了两个： mysql8.0默认字符集为utfmb4，现有的php连接配置、mysql库、表、字段字符集混乱，一不小心容易导致字符集不...

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

Canvas节点下新建空节点并重命名为panelFailed，挂载Widget组件并勾选Top、Right、Bottom、Left并把这些属性都设置为0，挂载BlockInputEvents组件。 [图片] panelFailed...

Canvas节点下新建Sprite (单色)并重命名为btnRestart，Position设置为280和402，Size设置为150x60，Color设置为#A69A91，挂载Button组件并设置Transation属性为Scale、Zo...

编辑scripts/Game.ts，添加lblScoreNow和lblScoreBest这两个属性。 private rootNode: cc.Node = null @property(cc.Label) private lblScoreNow: cc.Label = null @prop...

Canvas节点下新建Label (文字)并重命名为title，Color设置为#635B52，String输入2048，Font Size和Line Height都设置为80。 [图片] Canvas节点下新建Sprite (单色)并重命...