Heim >Web-Frontend >js-Tutorial >Egret erstellt einfache Animationen
//Ein einfaches Animationsbeispiel von Egret
//Diese Animation ist eine Rahmenanimation, die ein Herz schweben lässt, wenn Sie auf eine Schaltfläche klicken
1. Bereiten Sie zunächst die Animation vor entweder ein GIF oder ein SWF
2. Ziehen Sie das vorbereitete GIF oder SWF in das TextureManage-Tool und klicken Sie auf „Exportieren“, um zwei Dateien xx.json und xx.png zu generieren
3. Erstellen Sie im Ressourcenverzeichnis einen neuen xx-Ordner und legen Sie die beiden oben generierten Dateien ab)
4 Packen Sie die beiden oben genannten Dateien in die Datei default.res.json
5 Animation
//jsonName Name der exportierten JSON-Datei
//pngName Name der exportierten PNG-Datei
//übergeordneter Objektname, der für die Animation hinzugefügt werden soll
//x Animation x-Wert
//y Animation y Wert
private playAction(jsonName:string,pngName:string,parent:any,x:number,y:number): void { var data = RES.getRes(jsonName); var txtr = RES.getRes(pngName); var mcFactory: egret.MovieClipDataFactory = new egret.MovieClipDataFactory(data, txtr); var mc1: egret.MovieClip = new egret.MovieClip(mcFactory.generateMovieClipData("xin")); parent.addChild(mc1); mc1.addEventListener(egret.Event.COMPLETE, (e: egret.Event) => { if (mc1) { mc1.parent.removeChild(mc1); } }, this); mc1.x = x; mc1.y = y; mc1.gotoAndPlay(0, 1); }
Das obige ist der detaillierte Inhalt vonEgret erstellt einfache Animationen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!