egret帧动画以及缓动动画的使用

序列帧动画的使用:

如果没有或者不会制作帧动画,看上一篇

var data = RES.getRes("playrun_json");
var txtr = RES.getRes("playrun_png");
var mcFactory: egret.MovieClipDataFactory = new egret.MovieClipDataFactory(data, txtr);
var role: egret.MovieClip = new egret.MovieClip(mcFactory.generateMovieClipData("playrun"));
this.addChild(role);
role.gotoAndPlay(1, -1); 

要和json文件里的名称相同,下图

如果是EUI项目,记得勾选game游戏库,也可以在下面json文件下手动添加,否则会报错

egret.Tween缓动动画的使用:

这里演示的功能不全,但都是很实用的

to和set是有差别的,可以把颜色属性 textColor:0xff0ff 剪切到to里去尝试一下

 

protected createGameScene(): void {
        var txt: egret.TextField = new egret.TextField();
        txt.text = "演示";
        txt.size = 40;
        txt.x = txt.y = 100;
        txt.textColor = 0x00ffff;
        txt.visible
        this.addChild(txt);

        egret.Tween
            .get(txt, { loop: true }) 
            .to({ x: 200, size: 20 }, 2000) 
            .wait(1000) 
            .set({ textColor: 0xff00ff }) 
            .to({ x: 100, size: 40 }, 2000)
            .wait(1000)
            .call(this.onComplete, this, [1, "结束"]);
    }
    private onComplete(param1: number, param2: string): void {
        egret.log(param1);
        egret.log(param2);
    }