资源导入 新建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 (单色)并重命...

编辑scripts/Game.ts，添加MOVE_DISTANCE常量设置能移动的距离。 const DURATION = 0.1 const MOVE_DISTANCE = 10 添加_canTouchMove属性标识当前是否能触摸移动。 priva...

编辑scripts/Game.ts，添加_moving属性标识当前是否移动中。 private gridsReversed: Grid[][] = [] private _moving = false 添加move方法移动格子。 private move(grid...

数据和显示不分离 如果数据和显示分离，意味着它们要分开存储，这样就要用行和列来做唯一标识。 格子位置只计算一次 格子位置只在初始化的时候计算一次，然后在Grid脚本...

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