sudoku/src/views/Stage.ts

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.Text)
    public label_stage_name: Laya.Text;
    @property(Laya.Label)
    public label_score: Laya.Label;
    @property(Laya.Label)
    public label_mistake: Laya.Label;
    private mistake_now = 0
    private mistake_all = 3
    @property(Laya.Label)
    public label_diff: Laya.Label;
    @property(Laya.Label)
    public label_time: Laya.Label;
    private stage_last: number

    @property(Laya.Box)
    public obj_blocks: Laya.Box;
    @property(Laya.Box)
    public obj_block_labels: Laya.Box;
    private blocks: Array<Block> = new Array();

    @property(Laya.Box)
    public obj_candys: Laya.Box;
    @property(Laya.Box)
    public obj_candy_labels: Laya.Box;
    private candys: Array<Candy> = new Array();

    @property(Laya.Box)
    public btn_undo: Laya.Box;
    @property(Laya.Box)
    public btn_erase: Laya.Box;
    @property(Laya.Box)
    public btn_note: Laya.Box;
    @property(Laya.Box)
    public btn_hint: Laya.Box;

    private is_note_open: boolean = false
    private btn_note_normal: Laya.Box
    private btn_note_checked: Laya.Box

    @property(Laya.Box)
    public obj_block_colors: Laya.Box;
    @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);
            var l_hbox = this.obj_block_labels.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
                var l_vbox = l_hbox.getChildAt(j) as Laya.Box
                block.onInit(i, j, XGroup, YGroup, l_vbox, 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);
            var box = this.obj_candy_labels.getChildAt(i) as Laya.Box
            candy.onInit(i+1, box, this, this.onClickCandy)
        }

        this.btn_undo.on(Laya.Event.CLICK, this, this.onClickUndo)
        this.btn_erase.on(Laya.Event.CLICK, this, this.onClickErase)
        this.btn_note.on(Laya.Event.CLICK, this, this.onClickNote)
        this.btn_hint.on(Laya.Event.CLICK, this, this.onClickHint)

        this.btn_note_normal = this.btn_note.getChildByName("normal") as Laya.Box
        this.btn_note_checked = this.btn_note.getChildByName("checked") as Laya.Box
        this.btn_note_normal.visible = this.is_note_open == false
        this.btn_note_checked.visible = this.is_note_open

        this.obj_block_colors.visible = false
    }

    public onLoadStage(levelStr: string): void {

        this.mistake_now = 0
        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)
        }

        this.onUpdateScore()
        this.onUpdateMistake()
        this.stage_last = 0
        var begin = Date.now()
        Laya.timer.loop(1000, this, ()=>{
            var now = Date.now()
            this.stage_last += Math.floor((now-begin)/1000)
            begin = now
            var last = this.stage_last
            var hour = Math.floor(last/3600)
            last = last - hour * 3600
            var minite = Math.floor(last/60)
            last = last - minite * 60
            var second = Math.floor(last)
            this.label_time.text = `${hour>=10?hour:("0"+hour)}:${minite>=10?minite:("0"+minite)}:${second>10?second:("0"+second)}`
        })
    }

    onUpdateScore(): void {
        var score = 0
        for (var i=0; i<this.blocks.length; i++) {
            score += this.blocks[i].getScore()
        }
        this.label_score.text = `分数: ${score}`
    }

    onUpdateMistake(): void {
        this.label_mistake.text = `${this.mistake_now}/${this.mistake_all}`
    }

    onSetBlock(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)
            }
        }
    }
    onClickBlock(evt: Laya.Event): void {
        if (this.selectedBlock)
            this.selectedBlock.setSelected(false)
        var block = evt.target.getComponent(Block);
        block.setSelected(true)
        this.onSetBlock(block)
        this.selectedBlock = block
    }


    onClickUndo(evt: Laya.Event): void {

    }    

    onClickErase(evt: Laya.Event): void {
        if (this.selectedBlock && this.selectedBlock.getIsChecked() == false) {
            this.selectedBlock.setShowNumber(0)
            this.onUpdateScore()
            this.onSetBlock(this.selectedBlock)
        }
    }  

    onClickNote(evt: Laya.Event): void {
        this.is_note_open = !this.is_note_open
        this.btn_note_normal.visible = this.is_note_open == false
        this.btn_note_checked.visible = this.is_note_open
    }  

    onClickHint(evt: Laya.Event): void {
        var list: Array<Block> = new Array()
        for (var i=0; i<this.blocks.length; i++) {
            var block = this.blocks[i]
            if (block.getIsChecked() == false)
                list.push(block)
        }
        if (list.length > 0) {
            var random = Math.random()
            var index = Math.round(random*list.length)
            if (index >= list.length)
                index = list.length -1
            var block = list[index]
            block.setShowNumber(block.getCorrectNumber())
            this.onUpdateScore()
            this.onSetBlock(block)
            this.selectedBlock = block
        }
    }  

    public onApplyCandy(candy: Candy): void {
        if (this.selectedBlock && this.selectedBlock.getIsChecked() == false) {
            var showNumber = candy.getShowNumber()
            if (this.is_note_open) {
                var relateds = this.findRelatedBlocks(this.selectedBlock)
                var find = false
                for (var i=0; i<relateds.length; i++) {
                    if (relateds[i].getShowNumber() == showNumber) {
                        find = true
                        break
                    }
                }
                if (find == false) {
                    this.selectedBlock.addNoteNumber(showNumber)
                }
                else {
                    for (var i=0; i<relateds.length; i++) {
                        var obj = relateds[i]
                        if (obj.getShowNumber() == showNumber) {
                            obj.setFadeAnimation()
                        }
                    }
                }
            }
            else {
                var b = this.selectedBlock.setShowNumber(showNumber);
                this.onUpdateScore()
                this.onSetBlock(this.selectedBlock)
                if (b) {
                    var left = candy.getLeft();
                    candy.setLeft(left-1);
                    if (this.getIsComplete()) {
                        console.log("完成关卡")
                    }
                }
                else {//失败
                    this.mistake_now ++
                    this.onUpdateMistake()
                    if (this.mistake_now >= this.mistake_all) {
                        //关卡失败
                    }
                }
            }
        }
    }

    public onClickCandy(evt: Laya.Event): void {
        var candy = evt.target.getComponent(Candy);
        this.onApplyCandy(candy)
    }

    onKeyUp(evt: Laya.Event): void {
        var n = Number(evt.key)
        if (n && n > 0) {
            var candy = this.candys[n-1]
            this.onApplyCandy(candy)
        }
    }

    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
    }

}