Heim >Web-Frontend >js-Tutorial >Egret erstellt einfache Animationen

Egret erstellt einfache Animationen

一个新手
一个新手Original
2017-09-08 13:55:323227Durchsuche

//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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn