实现基本玩法

src/Entry.ts

@@ -0,0 +1,27 @@
+import { config } from "./constants/config"
+
+Laya.addBeforeInitCallback((stageConfig) => {
+  const { breakpoint } = config
+  if (window.innerWidth / window.innerHeight <= breakpoint) {
+    stageConfig.designWidth = 1080
+    stageConfig.designHeight = 1920
+    stageConfig.scaleMode = "fixedwidth"
+  } 
+  else {
+    stageConfig.designWidth = 1920
+    stageConfig.designHeight = 1080
+    stageConfig.scaleMode = "fixedauto"
+  }
+})
+
+export async function main() {
+  console.log("entry")
+  const { breakpoint } = config
+  // 加载场景并打开场景
+  if (window.innerWidth / window.innerHeight <= breakpoint) {
+    Laya.Scene.open("Scene.ls")
+  } 
+  else {
+    Laya.Scene.open("Scene.ls")
+  }
+}

src/Entry.ts.meta

@@ -0,0 +1,3 @@
+{
+  "uuid": "b44e3e7a-8acb-4a68-ac7d-83e011f63c04"
+}

src/constants/config.ts

@@ -0,0 +1,9 @@
+
+
+export const config = {
+  debug: false,
+  openGuide: true,
+  breakpoint: 1, // 竖版和横版的分界宽度
+
+}
+

src/constants/config.ts.meta

@@ -0,0 +1,3 @@
+{
+  "uuid": "9070d54a-128c-45e5-b041-9a3abad8e883"
+}

src/controllers/GameController.ts

@@ -0,0 +1,7 @@
+
+const { regClass, property } = Laya
+
+@regClass()
+export class GameController extends Laya.Script {
+  
+}

src/controllers/GameController.ts.meta

@@ -0,0 +1,3 @@
+{
+  "uuid": "58dcdb79-495f-4e55-9403-eada57f40c67"
+}

src/models/UIManager.ts

@@ -0,0 +1,24 @@
+import { Stage } from "../views/Stage"
+
+const { regClass, property } = Laya
+
+@regClass()
+export class UIManager extends Laya.Script {
+
+  @property(Stage)
+  public stage: Stage
+
+  private static _instance: UIManager
+  onAwake(): void {
+    UIManager._instance = this
+  }
+
+  public static getInstance(): UIManager {
+    return UIManager._instance
+  }
+
+  public loadStage(): void {
+    this.stage.onLoadStage("aBCeIGFhdEDFcAHBGIhigBdfecAgHDiFBCaeBEAGHCIdffcIdEAHbgcABfGEdiHIFHaCDGEBDGEHbiaFC");
+  }
+
+}

src/models/UIManager.ts.meta

@@ -0,0 +1,3 @@
+{
+  "uuid": "cd70cd5e-b4cd-4277-ac0a-2224cfbe89ac"
+}

src/types/Block.ts

@@ -0,0 +1,77 @@
+const { regClass, property } = Laya;
+
+@regClass()
+export class Block extends Laya.Script {
+    declare owner : Laya.Button;
+
+    @property(Number)
+    public XIndex: number = 0;
+    @property(Number)
+    public YIndex: number = 0;
+    @property(Number)
+    public XGroup: number = 0;
+    @property(Number)
+    public YGroup: number = 0;
+
+    private preset: boolean = false//预设格子
+    private checked: boolean = false//正确格子
+    private showNumber: number = 0;
+    private correctNumber: number = 0;
+
+    public onInit(XIndex: number, YIndex: number, XGroup: number, YGroup: number, handler: any, func: any): void {
+        this.XIndex = XIndex;
+        this.YIndex = YIndex;
+        this.XGroup = XGroup;
+        this.YGroup = YGroup;
+        this.owner.on(Laya.Event.CLICK, handler, func);
+    }
+
+    public setButtonSkin(skin: string): void {
+        this.owner.skin = skin
+    }
+    
+    public setBlock(preset: boolean, showNumber: number, correctNumber: number): void {
+        this.preset = preset;
+        this.checked = preset;
+        this.showNumber = showNumber;
+        this.correctNumber = correctNumber;
+        this.updateBlock();
+    }
+
+    public getIsPreset(): boolean {
+        return this.preset;
+    }
+
+    public getIsChecked(): boolean {
+        return this.checked;
+    }
+
+    public getShowNumber(): number {
+        return this.showNumber;
+    }
+
+    public setShowNumber(showNumber: number): boolean {
+        console.log("setShowNumber >>>>>", showNumber, this.correctNumber, this.XIndex, this.YIndex)
+        if (this.checked == false) {
+            if (showNumber == this.correctNumber)
+                this.checked = true;
+            this.showNumber = showNumber;
+            this.updateBlock();
+        }
+        return this.checked
+    }
+
+    updateBlock(): void {
+        if (this.showNumber > 0) {
+            this.owner.label = this.showNumber.toString();
+            if (this.checked) 
+                this.owner.labelColors = "#000000,#000000,#000000"
+            else
+                this.owner.labelColors = "#ff0000,#ff0000,#ff0000"
+        }
+        else {
+            this.owner.label = "";
+        }
+    }
+
+}

src/types/Block.ts.meta

@@ -0,0 +1,3 @@
+{
+  "uuid": "abc6b60b-980b-4853-baa5-ac8506e00c4a"
+}

src/types/Candy.ts

@@ -0,0 +1,37 @@
+const { regClass, property } = Laya;
+
+@regClass()
+export class Candy extends Laya.Script {
+    declare owner : Laya.Button;
+
+    @property(Laya.Label)
+    public label_left: Laya.Label;
+
+    private showNumber: number = 0;
+    private left: number = 0;
+
+    public onInit(showNumber: number, handler: any, func: any): void {
+        this.showNumber = showNumber
+        this.owner.on(Laya.Event.CLICK, handler, func)
+        this.updateCandy()
+    }
+
+    public getShowNumber(): number {
+        return this.showNumber;
+    }
+
+    public setLeft(left: number): void {
+        this.left = left;
+        this.updateCandy()
+    }
+
+    public getLeft(): number {
+        return this.left;
+    }
+
+    updateCandy(): void {
+        this.owner.active = this.left > 0
+        this.owner.label = this.showNumber.toString();
+        this.label_left.text = this.left.toString();
+    }
+}

src/types/Candy.ts.meta

@@ -0,0 +1,3 @@
+{
+  "uuid": "067a5d3a-4d7c-48d7-bb01-db2682fd6c01"
+}

src/utils/SpriteSwitch.ts.meta

@@ -0,0 +1,3 @@
+{
+  "uuid": "81a88cce-fdad-44c5-a651-2ea3abe6582d"
+}

src/views/Home.ts

@@ -0,0 +1,43 @@
+import { UIManager } from "../models/UIManager";
+
+const { regClass, property } = Laya
+
+@regClass()
+export class Home extends Laya.Script {
+    declare owner : Laya.Box;
+
+    @property(Laya.Button)
+    public btn_start: Laya.Button;
+
+    //组件被激活后执行，此时所有节点和组件均已创建完毕，此方法只执行一次
+    onAwake(): void {
+      this.btn_start.on(Laya.Event.CLICK, this, (evt: Laya.Event) => {
+        console.log("btn_start=", evt);
+        this.owner.visible = false;
+        UIManager.getInstance().loadStage();
+      })
+    }
+
+    //组件被启用后执行，例如节点被添加到舞台后
+    //onEnable(): void {}
+
+    //组件被禁用时执行，例如从节点从舞台移除后
+    //onDisable(): void {}
+
+    //第一次执行update之前执行，只会执行一次
+    // onStart(): void {}
+
+    //手动调用节点销毁时执行
+    //onDestroy(): void {}
+
+    //每帧更新时执行，尽量不要在这里写大循环逻辑或者使用getComponent方法
+    //onUpdate(): void {}
+
+    //每帧更新时执行，在update之后执行，尽量不要在这里写大循环逻辑或者使用getComponent方法
+    //onLateUpdate(): void {}
+
+    //鼠标点击后执行。与交互相关的还有onMouseDown等十多个函数，具体请参阅文档。
+    //onMouseClick(): void {}
+
+
+}

src/views/Home.ts.meta

@@ -0,0 +1,3 @@
+{
+  "uuid": "f2970e4d-7a09-4a9b-aef3-45d330c86f4f"
+}

src/views/Loading.ts

@@ -0,0 +1,7 @@
+
+const { regClass, property } = Laya
+
+@regClass()
+export class Loading extends Laya.Script {
+
+}

src/views/Loading.ts.meta

@@ -0,0 +1,3 @@
+{
+  "uuid": "100c54c4-c515-4e10-8cfc-181e7067024a"
+}

src/views/Stage.ts

@@ -0,0 +1,223 @@
+
+import { Block } from "../types/Block";
+import { Candy } from "../types/Candy";
+
+const { regClass, property } = Laya;
+
+@regClass()
+export class Stage extends Laya.Script {
+    declare owner : Laya.Box;
+
+    private letterToNumber: any;
+    private numberToLetter: any;
+
+    @property(Laya.Box)
+    public obj_blocks: Laya.Box;
+    private blocks: Array<Block> = new Array();
+
+    @property(Laya.Box)
+    public obj_candys: Laya.Box;
+    private candys: Array<Candy> = new Array();
+
+    @property(Laya.Image)
+    public img_block_normal: Laya.Image;
+
+    @property(Laya.Image)
+    public img_block_grey: Laya.Image;
+
+    @property(Laya.Image)
+    public img_block_correct: Laya.Image;
+
+    @property(Laya.Image)
+    public img_block_weak_correct: Laya.Image;
+
+    @property(Laya.Image)
+    public img_block_wrong: Laya.Image;
+
+    @property(Laya.Image)
+    public img_block_weak_wrong: Laya.Image;
+
+    private selectedBlock: Block;
+
+
+    //组件被激活后执行，此时所有节点和组件均已创建完毕，此方法只执行一次
+    onAwake(): void {
+        this.letterToNumber = new Map();
+        this.letterToNumber.set("A", 1);
+        this.letterToNumber.set("B", 2);
+        this.letterToNumber.set("C", 3);
+        this.letterToNumber.set("D", 4);
+        this.letterToNumber.set("E", 5);
+        this.letterToNumber.set("F", 6);
+        this.letterToNumber.set("G", 7);
+        this.letterToNumber.set("H", 8);
+        this.letterToNumber.set("I", 9);
+
+        this.numberToLetter = new Map();
+        this.numberToLetter.set(1, "a");
+        this.numberToLetter.set(2, "b");
+        this.numberToLetter.set(3, "c");
+        this.numberToLetter.set(4, "d");
+        this.numberToLetter.set(5, "e");
+        this.numberToLetter.set(6, "f");
+        this.numberToLetter.set(7, "g");
+        this.numberToLetter.set(8, "h");
+        this.numberToLetter.set(9, "i");
+
+        for (var i=0; i<this.obj_blocks.numChildren; i++) {
+            var hbox = this.obj_blocks.getChildAt(i);
+            for (var j=0; j<hbox.numChildren; j++) {
+                var block = hbox.getChildAt(j).getComponent(Block);
+                this.blocks.push(block);
+                var XGroup = 0;
+                if (i==3 || i==4 || i==5)
+                    XGroup = 1
+                if (i==6 || i==7 || i==8)
+                    XGroup = 2
+                var YGroup = 0;
+                if (j==3 || j==4 || j==5)
+                    YGroup = 1
+                if (j==6 || j==7 || j==8)
+                    YGroup = 2
+                block.onInit(i, j, XGroup, YGroup, this, this.onClickBlock)
+            }
+        }
+        for (var i=0; i<this.obj_candys.numChildren; i++) {
+            var candy = this.obj_candys.getChildAt(i).getComponent(Candy);
+            this.candys.push(candy);
+            candy.onInit(i+1, this, this.onClickCandy)
+        }
+    }
+
+    public onLoadStage(levelStr: string): void {
+
+        this.selectedBlock = null;
+
+        if (levelStr.length == 81 && this.blocks.length == 81) {
+            var list = new Map();
+            for (var i=0; i<levelStr.length; i++) {
+                var letter = levelStr[i];
+                var block = this.blocks[i];
+                if (this.letterToNumber.has(letter)) {
+                    var showNumber = this.letterToNumber.get(letter);
+                    block.setBlock(true, showNumber, showNumber);
+                }
+                else {
+                    var showNumber = this.letterToNumber.get(letter.toUpperCase());
+                    block.setBlock(false, 0, showNumber);
+
+                    if (list.has(letter)) {
+                        list.set(letter, list.get(letter)+1);
+                    }
+                    else {
+                        list.set(letter, 1);
+                    }
+                }
+            }
+            for (var i=0; i<this.candys.length; i++) {
+                var left = 0;
+                var c = this.numberToLetter.get(i+1);
+                if (list.has(c))
+                    left = list.get(c);
+                var candy = this.candys[i];
+                candy.setLeft(left);
+            }
+        }
+        else {
+            console.log("onLoadStage error", levelStr.length, this.blocks.length)
+        }
+    }
+
+    _onClickBlock(block: Block): void {
+        //全部格子还原
+        for (var i=0; i<this.blocks.length; i++) {
+            this.blocks[i].setButtonSkin(this.img_block_normal.skin)
+        }
+        //相关格子置灰
+        var relateds = this.findRelatedBlocks(block)
+        for (var i=0; i<relateds.length; i++)
+            relateds[i].setButtonSkin(this.img_block_grey.skin)
+
+        //空白格子
+        if (block.getShowNumber() <= 0) {
+            block.setButtonSkin(this.img_block_correct.skin)
+        }
+        else {
+            //相同数字的格子
+            var sames = this.findSameNumberBlocks(block)
+            for (var i=0; i<sames.length; i++)
+                sames[i].setButtonSkin(this.img_block_weak_correct.skin)
+
+            if (block.getIsChecked()) {//正确的格子
+                block.setButtonSkin(this.img_block_correct.skin)
+            }
+            else {//错误的格子
+                for (var i=0; i<relateds.length; i++) {
+                    if (relateds[i].getShowNumber() == block.getShowNumber())
+                        relateds[i].setButtonSkin(this.img_block_weak_wrong.skin)
+                }
+                block.setButtonSkin(this.img_block_wrong.skin)
+            }
+        }
+    }
+    public onClickBlock(evt: Laya.Event): void {
+        var block = evt.target.getComponent(Block);
+        this.selectedBlock = block
+        this._onClickBlock(block)
+    }
+
+    public onClickCandy(evt: Laya.Event): void {
+        if (this.selectedBlock && this.selectedBlock.getIsChecked() == false) {
+            var candy = evt.target.getComponent(Candy);
+            var b = this.selectedBlock.setShowNumber(candy.getShowNumber());
+            this._onClickBlock(this.selectedBlock)
+            if (b) {
+                var left = candy.getLeft();
+                candy.setLeft(left-1);
+                if (this.getIsComplete()) {
+                    console.log("完成关卡")
+                }
+            }
+            else {
+
+            }
+        }
+    }
+
+    findRelatedBlocks(obj: Block): Array<Block> {
+        var list: Array<Block> = new Array()
+        for (var i=0; i<this.blocks.length; i++) {
+            var block = this.blocks[i]
+            if (block.XIndex == obj.XIndex)
+                list.push(block)
+            else if (block.YIndex == obj.YIndex)
+                list.push(block)
+            else if (block.XGroup == obj.XGroup && block.YGroup == obj.YGroup)
+                list.push(block)
+        }
+        return list
+    } 
+
+    findSameNumberBlocks(obj: Block): Array<Block> {
+        var list: Array<Block> = new Array()
+        for (var i=0; i<this.blocks.length; i++) {
+            var block = this.blocks[i]
+            if (block.getShowNumber() == obj.getShowNumber())
+                list.push(block)
+        }
+        return list
+    } 
+
+    getIsComplete(): boolean {
+        var b = true;
+        for (var i=1; i<this.blocks.length; i++) {
+            var block = this.blocks[i];
+            if (block.getIsChecked() == false) {
+                b = false;
+                break
+            }
+        }
+        return b
+    }
+
+}

src/views/Stage.ts.meta

@@ -0,0 +1,3 @@
+{
+  "uuid": "692a672b-2457-456c-8093-321ea7a10e1b"
+}