cc.Class({
    extends: cc.Component,

    properties: {
        skyNode: cc.Node,//定義天空節(jié)點(diǎn)
        pipeNode: cc.Node,//定義管道節(jié)點(diǎn)
        birdNode: cc.Node,//定義小鳥節(jié)點(diǎn)
        clickLayerNode: cc.Node,//定義監(jiān)聽節(jié)點(diǎn)  監(jiān)聽鼠標(biāo)點(diǎn)擊事件
        scoreNode: cc.Node,//定義得分節(jié)點(diǎn)    總得分節(jié)點(diǎn)
        buttonNode: cc.Node,//定義按鈕節(jié)點(diǎn)   開始游戲按鈕
        numberNode: cc.Node,//定義數(shù)字節(jié)點(diǎn)   加分combo
        overNode: cc.Node,//定義游戲結(jié)束節(jié)點(diǎn)  結(jié)束按鈕
        spriteFrame: {//定義精靈框架節(jié)點(diǎn)，
            default: [],//數(shù)組類型，將會綁定bird0、bird1、bird2三張圖片精靈，通過在update（）方法中不斷更換，形成動畫
            type: cc.SpriteFrame //圖片精靈類型
        },
        clip: {//定義音效節(jié)點(diǎn)
            default: [],//同樣為數(shù)組類型，便于綁定多個(gè)資源。后續(xù)學(xué)習(xí)，可嘗試使用動態(tài)加載
            type: cc.AudioClip  //音頻類型
        }
    },
    onClickButton() {//設(shè)置點(diǎn)擊按鈕方法   
        this.num = 0;//將num重置為0
        this.sign = true;//設(shè)置控制游戲是否繼續(xù)的標(biāo)識符為真
        this.buttonNode.active = false;//讓按鈕節(jié)點(diǎn)不可見
        this.overNode.active = false;//讓控制“游戲結(jié)束”文本的overNode節(jié)點(diǎn)不可見
        this.birdNode.y = 50;//點(diǎn)擊按鈕后小鳥的位置歸位
        this.power = 0;//將力量因素變?yōu)?，防止小鳥復(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存儲金屬管道的子節(jié)點(diǎn)（.children）
        for (let i = 0; i < list.length; i++) {//設(shè)置一個(gè)循環(huán)，終止條件是i小于list的長度
            let child = list[i];//let 一個(gè)child變量用于在循環(huán)中存儲每個(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") {//判斷傳過來的參數(shù)等于某event的CustomEventData
            this.showBag();  // 調(diào)用顯示背包函數(shù)
        }
    },
    showBag() {  //定義顯示背包函數(shù)
        if (this.bagPrefab == null) {  //如果資源加載沒有成功
            setTimeout(() => {  //設(shè)置延時(shí)0.5s后繼續(xù)調(diào)用顯示bag方法
                this.showBag();
            }, 500);
            return;
        }
        //資源加載完成
        let node = null;    //定義一個(gè)node賦值為空
        if(this.isOpen){  //判斷背包是否打開，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(  //封裝并行的動畫并賦值給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;//將背包打開參數(shù)賦值true
    },
    gameOver() {    //設(shè)置游戲結(jié)束方法
        this.sign = false;//游戲結(jié)束，將游戲繼續(xù)標(biāo)識符變?yōu)閒alse
        this.checkStill = false;//檢查游戲是否進(jìn)行參數(shù)變?yōu)閒alse
        this.buttonNode.active = true;//游戲結(jié)束，讓開始按鈕this.buttonNode為可見
        this.overNode.active = true;//游戲結(jié)束，讓“游戲結(jié)束”文本的overNode節(jié)點(diǎn)可見
        cc.audioEngine.stopMusic(this.clip[0]);  //游戲結(jié)束停止背景音樂
    },
    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和小鳥節(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]);  //加分音樂
    },

    // LIFE-CYCLE CALLBACKS:

    onLoad() {
        // cc.director.getCollisionManager().enabled = true;     //打開碰撞管理系統(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;//定義背包是否打開變量并置為false；
        this.num = 0;//將num參數(shù)變?yōu)?，防止游戲再開始時(shí)，得分繼承上局的分?jǐn)?shù)
        this.scoreNode.getComponent(cc.Label).string = "" + 0;//設(shè)置分?jǐn)?shù)初始值為0
        this.speed = 5;//設(shè)置相對位移速度為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)識符控制游戲是否開始，初始值為false
        this.checkState = false;// false-非碰撞檢測狀態(tài) true-碰撞檢測狀態(tài)
        this.up = 0;//
        this.clickLayerNode.on(cc.Node.EventType.TOUCH_START, () => {//誰.on(cc.Node.EventType類型.事件，執(zhí)行匿名方法() =>)
            this.power = 4;//將初始的力量參數(shù)直接由0置為4，確保每次監(jiān)聽到點(diǎn)擊小鳥有比較明顯的上升
            this.up++;
            cc.audioEngine.playEffect(this.clip[1]);
        })

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

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