pinball/assets/_Game/Scripts/UI/UIController.ts

import { _decorator, Color, Component, Label, LabelOutline, Node, ParticleSystem, Tween, tween, Vec3 } from 'cc';
import { EventManger } from '../Manager/EventManger';
import GameEvent from '../Events/GameEvent';
import ScoreType from '../Enum/ScoreType';
import GameState from '../Enum/GameState';
import { GameManager } from '../Manager/GameManager';
import BEConnector from '../API/BEConnector';
import Utilities from '../Utilities';
import { StickerManager } from '../Manager/StickerManager';
const { ccclass, property } = _decorator;

@ccclass('UIController')
export class UIController extends Component {
    @property({ type: Label, visible: true })
    private _scoreLabel: Label;
    @property({ type: Label, visible: true })
    private _ticketLabel: Label;

    @property({ type: ParticleSystem, visible: true })
    private _buffFx: ParticleSystem;

    @property({ type: Node, visible: true })
    private _controlPanel: Node;
    @property({ type: Node, visible: true })
    private _startPanel: Node;
    @property({ type: Node, visible: true })
    private _overPanel: Node;

    protected async onLoad() {
        EventManger.instance.on(GameEvent.Score, this.onScore, this);
        EventManger.instance.on(GameEvent.BallOut, this.onBallOut, this);
        EventManger.instance.on(GameEvent.GameStateChange, this.onGameStateChange, this);
        EventManger.instance.on(GameEvent.MultiBall, this.onMultiBall, this);
        EventManger.instance.on(GameEvent.BoosterActive, this.onBoosterActive, this);
        EventManger.instance.on(GameEvent.BoosterDisable, this.onBoosterDisable, this);
    }

    private async onScore(score: number, points: number, type: ScoreType) {
        this._scoreLabel.string = score.toString();
        if (type == ScoreType.Goal) {
            StickerManager.instance.Show('Goal', new Vec3(0, 700));
        }
    }

    private onBallOut() {
        StickerManager.instance.Show('BallOut');
    }

    private async onGameStateChange(state: GameState) {
        switch (state) {
            case GameState.Init:
                this._startPanel.active = true;
                this._ticketLabel.string = BEConnector.instance.numberTicket.toString();
                this._scoreLabel.string = '0';
                break;
            case GameState.Ready:
                this._controlPanel.active = true;
                this._startPanel.active = false;
                break;
            case GameState.Playing:
                this._overPanel.active = false;
                this._ticketLabel.string = BEConnector.instance.numberTicket.toString();

                break;
            case GameState.GameOver:
                this._buffFx.stop();
                await Utilities.waitUntil(() => !GameManager.instance.isWaitingUpdateScore);
                await Utilities.delay(2);
                this._overPanel.active = true;
                break;
            case GameState.End:
                await Utilities.delay(2);
                this._overPanel.active = true;
                break;
            case GameState.Relive:
                this._overPanel.active = false;
                this._ticketLabel.string = BEConnector.instance.numberTicket.toString();

                break;
        }
    }

    private onMultiBall(active: boolean) {
        if (active) {
            StickerManager.instance.showLabel('MULTI BALL!!!');
        }
    }

    public onBoosterActive() {
        this._buffFx.play();
        StickerManager.instance.showLabel('CHEESE!!!', {
            color: new Color('#ffb517'),
            outLineColor: new Color('#ec830a'),
        });
    }

    public onBoosterDisable() {
        this._buffFx.stop();
    }

    public starGame() {
        GameManager.instance.Ready();
    }

    // private secondsToTime(second: number) {
    //     const m = Math.floor((second - (second % 60)) / 60)
    //         .toString()
    //         .padStart(2, '0');
    //     const s = Math.floor(second % 60)
    //         .toString()
    //         .padStart(2, '0');

    //     return m + ':' + s;
    // }
}