// 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
 
const {ccclass, property} = cc._decorator;
 
@ccclass
export default class NewClass extends cc.Component {
 
    //圖片編號變數
    num = 1;
 
    //圖片陣列變數
    //@property(cc.SpriteFrame)
    sprfrms:cc.SpriteFrame[] = [];
 
 
    onLoad () {
        //1.動態讀取resources的多個素材
        let self = this;
        cc.resources.loadDir("plane", cc.SpriteFrame, function(err,assets:[cc.SpriteFrame]){
            //動態加載1個圖片的做法
            //直接設定組件的spriteframe屬性
            //self.getComponent(cc.Sprite).spriteFrame = <cc.SpriteFrame>assets;
            
            //動態加載5個圖片的做法
            //把多個素材asset[]，設定給圖片陣列sprfrm
            self.sprfrms = assets;
        });
 
 
        //2.啟動計時器
        this.schedule(this.timer, 0.2);
    }
 
    timer()
    {
        //編號+1
        this.num += 1;
        if(this.num >= 6)this.num = 1;
 
        //抓取本節點的sprite組件
        var comp1 = this.getComponent(cc.Sprite);
 
        //設定最新的節點組件的spriteFrame參數（注意：陣列的編號 = 實際數-1）
        comp1.spriteFrame = this.sprfrms[this.num-1];
    }
 
    start () {
 
    }
 
    // update (dt) {}
}