首先初始化場景 並加載圖片資源javascript
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); }
最後在回調函數中顯示一張圖片和播放動畫java
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"); }
天天進步一點點! 函數