cc.Class({
    extends: cc.Component,

    properties: {
        skyNode: cc.Node,//定義天空節(jié)點(diǎn)
        pipeNode: cc.Node,//定義管道節(jié)點(diǎn)
        birdNode: cc.Node,//定義小鳥(niǎo)節(jié)點(diǎn)
        clickLayerNode: cc.Node,//定義監(jiān)聽(tīng)節(jié)點(diǎn)  監(jiān)聽(tīng)鼠標(biāo)點(diǎn)擊事件
        scoreNode: cc.Node,//定義得分節(jié)點(diǎn)    總得分節(jié)點(diǎn)
        buttonNode: cc.Node,//定義按鈕節(jié)點(diǎn)   開(kāi)始游戲按鈕
        numberNode: cc.Node,//定義數(shù)字節(jié)點(diǎn)   加分combo
        overNode: cc.Node,//定義游戲結(jié)束節(jié)點(diǎn)  結(jié)束按鈕
        spriteFrame: {//定義精靈框架節(jié)點(diǎn)，
            default: [],//數(shù)組類型，將會(huì)綁定bird0、bird1、bird2三張圖片精靈，通過(guò)在update（）方法中不斷更換，形成動(dòng)畫
            type: cc.SpriteFrame //圖片精靈類型
        },
        clip: {//定義音效節(jié)點(diǎn)
            default: [],//同樣為數(shù)組類型，便于綁定多個(gè)資源。后續(xù)學(xué)習(xí)，可嘗試使用動(dòng)態(tài)加載
            type: cc.AudioClip  //音頻類型
        }
    },
    onClickButton() {//設(shè)置點(diǎn)擊按鈕方法   
        this.num = 0;//將num重置為0
        this.sign = true;//設(shè)置控制游戲是否繼續(xù)的標(biāo)識(shí)符為真
        this.buttonNode.active = false;//讓按鈕節(jié)點(diǎn)不可見(jiàn)
        this.overNode.active = false;//讓控制“游戲結(jié)束”文本的overNode節(jié)點(diǎn)不可見(jiàn)
        this.birdNode.y = 50;//點(diǎn)擊按鈕后小鳥(niǎo)的位置歸位
        this.power = 0;//將力量因素變?yōu)?，防止小鳥(niǎo)復(fù)活后下落太快
        this.scoreNode.getComponent(cc.Label).string = "" + this.num;//將分?jǐn)?shù)節(jié)點(diǎn)的string值變?yōu)?,this.scoreNode.getComponent(cc.Label).string
        let list = this.pipeNode.children;//用一個(gè)list存儲(chǔ)金屬管道的子節(jié)點(diǎn)（.children）
        for (let i = 0; i < list.length; i++) {//設(shè)置一個(gè)循環(huán)，終止條件是i小于list的長(zhǎng)度
            let child = list[i];//let 一個(gè)child變量用于在循環(huán)中存儲(chǔ)每個(gè)list[i]
            child.x += 1000;//將管道節(jié)點(diǎn)的x右移1000
        }
        cc.audioEngine.playMusic(this.clip[0], true);
    },
    onClickBagButton(event, data) {  //定義背包按鈕方法
        // cc.log(event, data);
        if (data == "bag") {//判斷傳過(guò)來(lái)的參數(shù)等于某event的CustomEventData
            this.showBag();  // 調(diào)用顯示背包函數(shù)
        }
    },
    showBag() {  //定義顯示背包函數(shù)
        if (this.bagPrefab == null) {  //如果資源加載沒(méi)有成功
            setTimeout(() => {  //設(shè)置延時(shí)0.5s后繼續(xù)調(diào)用顯示bag方法
                this.showBag();
            }, 500);
            return;
        }
        //資源加載完成
        let node = null;    //定義一個(gè)node賦值為空
        if(this.isOpen){  //判斷背包是否打開(kāi)，this.isOpen初始值為false
            node = cc.find("Canvas/panelBag");
            node.active = true;
        }
        else{
            node = cc.instantiate(this.bagPrefab);  //加載具體的預(yù)置資源并賦值給node
            cc.find("Canvas").addChild(node);  //將node節(jié)點(diǎn)添加到Canvas幕布下
        }
        node.opacity = 0;//設(shè)置node節(jié)點(diǎn)的透明度為0；
        node.scale = 0.1;//設(shè)置node節(jié)點(diǎn)的初始縮放為0.1；
        let ac = cc.spawn(  //封裝并行的動(dòng)畫并賦值給ac
            cc.fadeIn(0.5),  //0.5s的速度淡入
            cc.scaleTo(0.5,1),//0.5s的速度縮放到1
        );
        node.runAction(ac); //用runAction函數(shù)執(zhí)行封裝好的ac
        this.isOpen = true;//將背包打開(kāi)參數(shù)賦值true
    },
    gameOver() {    //設(shè)置游戲結(jié)束方法
        this.sign = false;//游戲結(jié)束，將游戲繼續(xù)標(biāo)識(shí)符變?yōu)閒alse
        this.checkStill = false;//檢查游戲是否進(jìn)行參數(shù)變?yōu)閒alse
        this.buttonNode.active = true;//游戲結(jié)束，讓開(kāi)始按鈕this.buttonNode為可見(jiàn)
        this.overNode.active = true;//游戲結(jié)束，讓“游戲結(jié)束”文本的overNode節(jié)點(diǎn)可見(jiàn)
        cc.audioEngine.stopMusic(this.clip[0]);  //游戲結(jié)束停止背景音樂(lè)
    },
    addScore() {    //設(shè)置加分方法
        this.numberNode.opacity = 255;//讓分?jǐn)?shù)節(jié)點(diǎn)numberNode的.opacity元素（透明度）為255
        this.num++;//讓num值++
        this.scoreNode.getComponent(cc.Label).string = "" + this.num;//讓分?jǐn)?shù)節(jié)點(diǎn)的string元素=空的的字符串“” 加num
        this.numberNode.y = this.birdNode.y;//讓加分combo節(jié)點(diǎn)numberNode的y和小鳥(niǎo)節(jié)點(diǎn)的y相等
        this.numberNode.runAction(//讓加分combo節(jié)點(diǎn)numberNode漸入漸出runAction,spawn,fadeOut,moveBy
            cc.spawn(
                cc.fadeOut(0.5),
                cc.moveBy(0.5, cc.v2(0, 50))
            )
        )
        cc.audioEngine.playEffect(this.clip[2]);  //加分音樂(lè)
    },

    // LIFE-CYCLE CALLBACKS:

    onLoad() {
        // cc.director.getCollisionManager().enabled = true;     //打開(kāi)碰撞管理系統(tǒng)cc.director.getCollisionManager().
        this.bagPrefab = null;//定義bagPrefab變量賦值為空
        // cc.loader.loadRes(路徑，資源類型，回調(diào)函數(shù));error如果錯(cuò)誤，打印錯(cuò)誤信息，data為加載成功的資源
        cc.loader.loadRes("prefab/panelBag", cc.Prefab, (error, data) => {
            if (error) {//判斷如果錯(cuò)誤信息不為空
                cc.log(error);//打印錯(cuò)誤信息
                return;         
            }
            this.bagPrefab = data; //將加載到的資源賦值給this.bafPrefab
        });
    },

    start() {
        this.isOpen = false;//定義背包是否打開(kāi)變量并置為false；
        this.num = 0;//將num參數(shù)變?yōu)?，防止游戲再開(kāi)始時(shí)，得分繼承上局的分?jǐn)?shù)
        this.scoreNode.getComponent(cc.Label).string = "" + 0;//設(shè)置分?jǐn)?shù)初始值為0
        this.speed = 5;//設(shè)置相對(duì)位移速度為5
        this.power = 0;//設(shè)置力量參數(shù)為0
        this.checkStill = true;//檢查游戲是否進(jìn)行參數(shù)變?yōu)閠rue
        this.curFrame = 0;//定義一個(gè)變量用于循環(huán)skinnode列表
        this.sign = false;//定義一個(gè)標(biāo)識(shí)符控制游戲是否開(kāi)始，初始值為false
        this.checkState = false;// false-非碰撞檢測(cè)狀態(tài) true-碰撞檢測(cè)狀態(tài)
        this.up = 0;//
        this.clickLayerNode.on(cc.Node.EventType.TOUCH_START, () => {//誰(shuí).on(cc.Node.EventType類型.事件，執(zhí)行匿名方法() =>)
            this.power = 4;//將初始的力量參數(shù)直接由0置為4，確保每次監(jiān)聽(tīng)到點(diǎn)擊小鳥(niǎo)有比較明顯的上升
            this.up++;
            cc.audioEngine.playEffect(this.clip[1]);
        })

        cc.audioEngine.playMusic(this.clip[0], true);
    },

    update(dt) {
        if (!this.sign) {//設(shè)置讓游戲暫停的標(biāo)識(shí)符
            return;
        }
        cc.log(2);
        this.skyNode.x -= this.speed;//通過(guò)控制天空節(jié)點(diǎn)的x值來(lái)控制背景移動(dòng)   
        this.birdNode.y += this.power + this.up;//通過(guò)小鳥(niǎo)節(jié)點(diǎn)的y值和初始的力量參數(shù)來(lái)控制小鳥(niǎo)自由下落的速度
        this.power -= 0.2;//通過(guò)讓power小幅度值漸變達(dá)到讓小鳥(niǎo)平滑移動(dòng)
        this.birdNode.angle = this.speed * this.power;//通過(guò)力量和速度參數(shù)控制小鳥(niǎo)上升和下降的角度
        if (this.skyNode.x < -1200) {//判斷當(dāng)背景和起點(diǎn)相隔1200像素時(shí)，讓背景節(jié)點(diǎn)skyNode.x歸位=0（無(wú)限循環(huán)背景）
            this.skyNode.x = 0;
        }
        //node.children即管道節(jié)點(diǎn)的子節(jié)點(diǎn)
        let list = this.pipeNode.children;//用一個(gè)list存儲(chǔ)金屬管道的子節(jié)點(diǎn)（.children）
        let checkNode = null;//定義檢查管道節(jié)點(diǎn)變量并賦值為null
        for (let i = 0; i < list.length; i++) {//用循環(huán)賦值所有管道節(jié)點(diǎn) 并賦予速度
            let child = list[i];//let一個(gè)child變量來(lái)存儲(chǔ)list中的每個(gè)元素
            child.x -= this.speed;//控制管道節(jié)點(diǎn)的x-=this.speed
            // cc.log(child);
            if (child.x < -600) {
                child.x = 600;//判斷child出界< -600時(shí)讓child歸位到600
                child.y = (Math.random() - 0.5) * 200;//通過(guò)Math.random()（其值在0-1之間）函數(shù)來(lái)控制管道通過(guò)口隨機(jī)出現(xiàn)，緩和值為200
            }
            let dis = Math.abs(this.birdNode.x - child.x)//let一個(gè)變量dis用于計(jì)算小鳥(niǎo)和管道的x的差值（Math.abs取絕對(duì)值）
            let width = (this.birdNode.width + child.children[0].width) / 2;//定義width變量用于存儲(chǔ)小鳥(niǎo)和管道碰撞的臨界值
            if (dis < width) {//判斷 dis <= width，就給檢查管道節(jié)點(diǎn)變量賦值child
                checkNode = child;
            }
        }
        if(this.birdNode.y + this.birdNode.height / 2 > cc.winSize.height / 2  //判斷小鳥(niǎo)的頭部大于屏幕的上邊緣或者小鳥(niǎo)的底部小于屏幕的下邊緣
            || this.birdNode.y - this.birdNode.height / 2 < -cc.winSize.height / 2){
                this.gameOver();//執(zhí)行游戲結(jié)束方法
            }
        if(checkNode) {//直接判斷checkNode，如果未被賦值即為空
            this.checkState = true;//狀態(tài)從無(wú)到有，將檢查狀態(tài)變量checkState賦值為true
            //判斷矩形小鳥(niǎo)的上邊框（.y + height/2）大于等于通道上邊框(checkNode.y+100)或者小鳥(niǎo)的下邊框小于等于通道
            if (this.birdNode.y + this.birdNode.height / 2 > checkNode.y + 100
                || this.birdNode.y - this.birdNode.height / 2 < checkNode.y) {
                this.gameOver();//游戲結(jié)束
            }
        }else{
            if (this.checkState && this.checkStill) {//判斷檢查狀態(tài)變量和檢查游戲是否進(jìn)行變量是否都為true（&&）
                this.addScore();//調(diào)用加分函數(shù)
            }
            this.checkStill = true; //將檢查游戲是否進(jìn)行變量賦值true
            this.checkState = false;//將檢查狀態(tài)變量賦值為false
            this.up = 0;
        }
        this.curFrame++;//小鳥(niǎo)幀率變量自增
        if (this.curFrame > 2) {//判斷如果幀率變量大于2，將幀率變量變?yōu)?；
            this.curFrame = 0;
        }
        if (this.birdNode.y) {//如果力量參數(shù)大于0
            //讓小鳥(niǎo)節(jié)點(diǎn)的Sprite組件的spriteFrame參數(shù)隨幀率參數(shù)變化
            this.birdNode.getComponent(cc.Sprite).spriteFrame = this.spriteFrame[this.curFrame];
        }
    }
})