sudoku/src/views/Stage.ts

import { UIManager } from "../models/UIManager";
import { Block } from "../types/Block";
import { Candy } from "../types/Candy";
import { DOStage } from "../types/DOStage";

const { regClass, property } = Laya;

@regClass()
export class Stage extends Laya.Script {
    declare owner : Laya.Box;

    @property(Laya.Button)
    public btn_back: Laya.Button
    @property(Laya.Label)
    public label_score: Laya.Label;
    @property(Laya.Label)
    public label_mistake: Laya.Label;
    private mistake_all = 3
    @property(Laya.Label)
    public label_diff: Laya.Label;
    @property(Laya.Label)
    public label_time: Laya.Label;

    @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;
    private btn_note_normal: Laya.Box
    private btn_note_checked: Laya.Box
    @property(Laya.Box)
    public btn_hint: Laya.Box;

    private selectedBlock: Block;
    private data: DOStage;

    @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;

    //组件被激活后执行，此时所有节点和组件均已创建完毕，此方法只执行一次
    onAwake(): void {
        this.btn_back.on(Laya.Event.CLICK, this, ()=>{
            UIManager.getInstance().loadHome();
            UIManager.getInstance().closeStage();
        })
        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(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_note_normal = this.btn_note.getChildByName("normal") as Laya.Box
        this.btn_note_checked = this.btn_note.getChildByName("checked") as Laya.Box
        this.btn_hint.on(Laya.Event.CLICK, this, this.onClickHint)

        this.selectedBlock = null;

        this.obj_block_colors.visible = false
    }

    public onLoadStage(doStage: DOStage): void {
        this.data = doStage
        
        this.onUpdateScore()
        this.onUpdateMistake()
        var begin = Date.now()
        Laya.timer.loop(1000, this, ()=>{
            var now = Date.now()
            this.data.set_duration(this.data.get_duration() + Math.floor((now-begin)/1000))
            begin = now
            var last = this.data.get_duration()
            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)}`
        })

        var blocks = doStage.get_blocks()
        for (var i=0; i<blocks.length; i++) {
            var doBlock = blocks[i]
            var block = this.blocks[i]
            block.setButtonSkin(this.img_block_normal.skin)
            block.setBlock(doBlock)
        }
        var candys = doStage.get_candys()
        for (var i=0; i<candys.length; i++) {
            var doCandy = candys[i]
            var candy = this.candys[i]
            candy.setCandy(doCandy)
        }

        this.onClickNote(null)
    }

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

    onUpdateMistake(): void {
        this.label_mistake.text = `${this.data.get_mistake()}/${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.getData().get_show() <= 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.getData().get_checked()) {//正确的格子
                block.setButtonSkin(this.img_block_correct.skin)
            }
            else {//错误的格子
                for (var i=0; i<relateds.length; i++) {
                    if (relateds[i].getData().get_show() == block.getData().get_show())
                        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.getData().get_checked() == false) {
            this.selectedBlock.setShowNumber(0)
            this.onUpdateScore()
            this.onSetBlock(this.selectedBlock)
        }
    }  

    onClickNote(evt: Laya.Event): void {
        if (evt != null) {
            this.data.set_note_open(!this.data.get_note_open())
        }
        this.btn_note_normal.visible = this.data.get_note_open() == false
        this.btn_note_checked.visible = this.data.get_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.getData().get_checked() == 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]
            this.selectedBlock = block
            var correct = block.getData().get_correct()
            var candy = this.candys[correct-1]
            this.onApplyCandy(candy)
        }
    }  

    public onApplyCandy(candy: Candy): void {
        if (this.selectedBlock && this.selectedBlock.getData().get_checked() == false) {
            var showNumber = candy.getData().get_show()
            if (this.data.get_note_open()) {
                var relateds = this.findRelatedBlocks(this.selectedBlock)
                var find = false
                for (var i=0; i<relateds.length; i++) {
                    if (relateds[i].getData().get_show() == 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.getData().get_show() == showNumber) {
                            obj.setFadeAnimation()
                        }
                    }
                }
            }
            else {
                var b = this.selectedBlock.setShowNumber(showNumber);
                this.onUpdateScore()
                this.onSetBlock(this.selectedBlock)
                if (b) {
                    var left = candy.getData().get_left();
                    candy.setLeft(left-1);
                    if (this.getIsComplete()) {
                        console.log("完成关卡")
                        UIManager.getInstance().loadGameDone()
                    }
                }
                else {//失败
                    this.data.set_mistake(this.data.get_mistake()+1)
                    this.onUpdateMistake()
                    if (this.data.get_mistake() >= this.mistake_all) {
                        //关卡失败
                        UIManager.getInstance().loadGameOver()
                    }
                }
            }
        }
    }

    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.getData().get_show() == obj.getData().get_show())
                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.getData().get_checked() == false) {
                b = false;
                break
            }
        }
        return b
    }

}