// 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 {

    // @property(cc.Label)
    // label: cc.Label = null;

    // @property
    // text: string = 'hello';

    @property(cc.SpriteFrame)   
    img = [];
    
    num = 1;
    direction:cc.Vec2 = cc.v2(1,0);

    // LIFE-CYCLE CALLBACKS:

    onLoad () {
        this.schedule(this.show, 0.1);
        cc.systemEvent.on("keydown", this.move, this);
    }

    move(e1:cc.Event.EventKeyboard)
    {
        if(e1.keyCode==cc.macro.KEY.right)
        {
            this.direction = cc.v2(1,0);
        }
        else if(e1.keyCode==cc.macro.KEY.left)
        {
            this.direction = cc.v2(-1,0);
        }
        else if(e1.keyCode==cc.macro.KEY.up)
        {
            this.direction = cc.v2(0,1);
        }
        else if(e1.keyCode==cc.macro.KEY.down)
        {
            this.direction = cc.v2(0,-1);
        }
    }

    show()
    {
        this.num += 1;
        if(this.num == 6)
        {
            this.num = 1;
        }
        this.node.getComponent(cc.Sprite).spriteFrame = this.img[this.num-1];

    }

    start () {

    }

    update (dt) {
        this.node.x += 5*this.direction.x;
        this.node.y += 5*this.direction.y; 
    }
}