// Learn TypeScript:
//  - https://docs.cocos.com/creator/manual/en/scripting/typescript.html
// Learn Attribute:
//  - https://docs.cocos.com/creator/manual/en/scripting/reference/attributes.html
// Learn life-cycle callbacks:
//  - https://docs.cocos.com/creator/manual/en/scripting/life-cycle-callbacks.html

import pg from "../tool/pg";

// import Game from "../../scene/Game";

const { ccclass, property } = cc._decorator;

@ccclass
export default class Ngt_star_10 extends cc.Component {
    // LIFE-CYCLE CALLBACKS:
    onLoad() {
        pg.event.on("mouse_10_add", (isRight = true) => {
            this.showBigStar(isRight);
        });
        pg.event.on("mouse_10_num", (max: number) => {
            this.initStar(max);
        });
        pg.event.on("mouse_10_add_error", (isRight = true) => {
            this.showErrorStar();
        });
    }
    init(max) {
    }
    reviceMouse() {
    }

    start() {

    }
    //-----------------------STAR-----------------------------
    bigStarArr: cc.Node[];
    canvas: cc.Node;
    curGroupIndex: number
    @property(cc.Vec2)
    position: cc.Vec2;
    @property(cc.AudioClip)
    bigStarClip: cc.AudioClip;
    @property(cc.AudioClip)
    starCountClip: cc.AudioClip;
    //搭配res中的star_bg star等使用
    initStar(max) {
        this.curGroupIndex = 0;
        this.canvas = cc.find('Canvas');
        const gArr = [];
        gArr.length = max;
        if (gArr.length < 1) {
            return;
        }

        this.cleanStar();

        this.bigStarArr = [];

        let size = cc.view.getCanvasSize();
        let scale = (1920 / 1080) / (size.width / size.height);
        let baseX = 650;
        let baseY = 495 * scale + 15;//this.position.y * scale + 15;
        if (scale <= 1) baseY = 495;// this.position.y;
        let disW = 80;// * this._mapScaleMin
        // let disH = 80 * this._mapScaleMin;
        let disScale = 1;
        if (gArr.length > 5) {
            // disH = (400 / gArr.length) * this._mapScaleMin;
            // disScale = 5 / gArr.length;
        }
        for (let i = 0; i < gArr.length; i++) {
            const starBg = this.getSprNode('star_bg');
            this.canvas.addChild(starBg, 10);
            // starBg.x = baseX;
            // starBg.y = baseY - i * disH;
            starBg.x = baseX - i * disW;
            starBg.y = baseY
            starBg.scale = disScale;

            const starTop = this.getSprNode('star');
            starBg.addChild(starTop);
            starTop.active = false;
            starBg.star = starTop;

            const starBig = this.getSprNode('icon_bigstar');
            starTop.addChild(starBig);
            starBig.angle = -90;
            starBg.starBig = starBig;

            const star_wrong = this.getSprNode('star_wrong');
            starTop.addChild(star_wrong);
            star_wrong.active = false;
            starBg.star_wrong = star_wrong;

            this.bigStarArr.push(starBg);
        }

        console.log("bigStarArr: ", this.bigStarArr);
    }

    cleanStar() {
        if (this.bigStarArr && this.bigStarArr.length > 0) {
            for (let i = 0; i < this.bigStarArr.length; i++) {
                this.bigStarArr[i].removeFromParent();
            }
        }
    }
    private showErrorStar() {
        if (!this.bigStarArr || this.bigStarArr.length <= 0) {
            // this.checkGameEnd();
            return;
        }
        const bigStarBg = this.bigStarArr[this.curGroupIndex++];
        if (!bigStarBg) return;
        const star_wrong = bigStarBg.star_wrong;
        star_wrong.active = true;
        const starBig = bigStarBg.starBig;
        // starBig.scale = 1;
        starBig.active = false;
        const star = bigStarBg.star;
        star.active = true;
        const canvas = cc.find('Canvas');
        const startPos = this.exchangeNodePos(star.parent, canvas);
        const middlePos = this.exchangeNodePos(star.parent, canvas);
        star.x = 0;
        star.y = 0;
        star.scale = 1 / bigStarBg.scale;
        pg.event.emit("mouse_10_num_game_end")
    }
    showBigStar(isRight) {
        if (!this.bigStarArr || this.bigStarArr.length <= 0) {
            // this.checkGameEnd();
            return;
        }
        const bigStarBg = this.bigStarArr[this.curGroupIndex++];
        if (!bigStarBg) return;

        const starBig = bigStarBg.starBig;
        starBig.scale = 1;
        const star = bigStarBg.star;
        star.active = true;
        star.scaleX = 0.7 / bigStarBg.scale;
        star.scaleY = 1 / bigStarBg.scale;
        star.angle = 90;
        const canvas = cc.find('Canvas');
        const startPos = this.exchangeNodePos(star.parent, canvas);
        const middlePos = this.exchangeNodePos(star.parent, canvas);
        star.x = startPos.x;
        star.y = startPos.y - starBig.height;

        console.log('middlePos = ' + JSON.stringify(middlePos));
        const time = 1;
        cc.tween(star)
            .to(0.3, { y: middlePos.y + 80 }, { easing: 'quadOut' })
            .to(0.1, { y: middlePos.y + 40, scaleX: 1.2 / bigStarBg.scale, scaleY: 0.8 / bigStarBg.scale }, { easing: 'quadOut' })
            .to(0.1, { y: middlePos.y, scaleX: 1 / bigStarBg.scale, scaleY: 1 / bigStarBg.scale }, { easing: 'quadOut' })
            .delay(0.1)
            .to(0.8, { angle: -720, scale: 1 })
            .start();

        cc.tween(star)
            .delay(0.6)
            .to(0.8, { x: 0 }, { easing: 'quadIn' })
            .start();
        cc.tween(star)
            .delay(0.6)
            .to(0.8, { y: 0 }, { easing: 'quadOut' })
            .start();

        cc.tween(starBig)
            .delay(0.6)
            .to(0.8, { scale: 0 }, { easing: 'quadOut' })
            .call(() => {
                pg.event.emit("mouse_10_num_game_end")
                // this.playAudio(this.starCountClip);
            })
            .start();

        this.playAudio(this.bigStarClip);
    }
    //-----------------------STAR-----------------------------
    getSprNode(resName) {
        const sf = pg.view.find(this, `img/${resName}`).getComponent(cc.Sprite).spriteFrame;
        const node = new cc.Node();
        node.addComponent(cc.Sprite).spriteFrame = sf;
        return node;
    }
    exchangeNodePos(baseNode, targetNode) {
        return baseNode.convertToNodeSpaceAR(targetNode._parent.convertToWorldSpaceAR(cc.v2(targetNode.x, targetNode.y)));
    }
    playAudio(audioClip, cb = null) {
        if (audioClip) {
            const audioId = cc.audioEngine.playEffect(audioClip, false);
            if (cb) {
                cc.audioEngine.setFinishCallback(audioId, () => {
                    cb();
                });
            }
        }
    }
    // update (dt) {}
}
