Heim > Web-Frontend > js-Tutorial > Hauptteil

Egret erstellt einfache Animationen

一个新手
Freigeben: 2017-09-08 13:55:32
Original
3209 Leute haben es durchsucht

//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);
        }
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage