Maison > interface Web > js tutoriel > le corps du texte

Egret crée des animations simples

一个新手
Libérer: 2017-09-08 13:55:32
original
3213 Les gens l'ont consulté

//Un exemple d'animation simple d'Aigrette
//Cette animation est une animation de cadre qui fait flotter un cœur lorsque vous cliquez sur un bouton

1 Tout d'abord, préparez l'animation. soit un gif ou un swf
2. Faites glisser le gif ou le swf préparé dans l'outil textureManage d'Egret, et cliquez sur exporter pour générer deux fichiers xx.json et xx.png
3. Ajoutez les fichiers générés au projet egret ( sous le répertoire des ressources, créez un nouveau dossier xx et placez les deux fichiers générés ci-dessus)
4. Emballez les deux fichiers ci-dessus dans le fichier default.res.json
5. Écrivez le code suivant à l'endroit où vous devez lire le fichier. animation
//jsonName Nom du fichier json exporté
//pngName Nom du fichier png exporté
//nom de l'objet parent à ajouter pour l'animation
//x Animation valeur x
//y Animation y Valeur

 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);
        }
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal