您的位置:首页 > 大数据 > 人工智能

LayaAir 加载图集资源并播放动画

2017-12-06 14:12 330 查看
首先初始化场景 并加载图片资源

constructor() {

Laya.init(Browser.clientWidth, Browser.clientHeight, WebGL);

Laya.stage.alignV = Stage.ALIGN_MIDDLE;
Laya.stage.alignH = Stage.ALIGN_CENTER;

Laya.stage.scaleMode = "showall";
Laya.stage.bgColor = "#232628";

Laya.loader.load("res/atlas/images.atlas",Laya.Handler.create(this,this.onLoaded),null,Laya.Loader.ATLAS);
}

最后在回调函数中显示一张图片和播放动画

private onLoaded():void{

//显示一张图片
let mySprite:Laya.Sprite = new Laya.Sprite();
mySprite.loadImage("images/9.png");
mySprite.pos(200,200);
Laya.stage.addChild(mySprite);

//播放动画
Laya.Animation.createFrames(["images/9.png","images/8.png","images/7.png","images/6.png",
"images/5.png","images/4.png","images/3.png","images/2.png","images/1.png",
"images/0.png"],"number");
let animation:Laya.Animation = new Laya.Animation();
animation.interval = 1000;
Laya.stage.addChild(animation);
animation.play(0,false,"number",false);

animation.on(Laya.Event.COMPLETE,this,this.onPlayComplete);
}

private onPlayComplete():void{
alert("animations has finishe");
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: