首先初始化场景 并加载图片资源
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");
}
每天进步一点点!