ホームページ  >  記事  >  ウェブフロントエンド  >  Egret は簡単なアニメーションを作成します

Egret は簡単なアニメーションを作成します

一个新手
一个新手オリジナル
2017-09-08 13:55:323203ブラウズ

//白鷺の簡単なアニメーション例
//このアニメーションは、ボタンをクリックすると浮かぶハートのフレームアニメーションです

1 まず、アニメーションを準備します。gif または swf です。2.準備した gif または swf を Egret の textureManage ツールにドラッグし、[エクスポート] をクリックして 2 つのファイル xx.json と xx.png を生成します
3. 生成されたファイルを egret プロジェクトに追加します (リソース ディレクトリに新しい xx フォルダーを作成し、上記で生成された 2 つのファイル)
4. 上記の 2 つのファイルをdefault.res.json ファイルにパッケージ化します
5. アニメーションを再生する必要がある場所に次のコードを記述します
//jsonName エクスポートされた json ファイル名
//pngName エクスポートされた png ファイルname
//parent アニメーションに追加する必要があるオブジェクトの名前
//x アニメーションの x 値
//y アニメーションの y 値

 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);
        }

以上がEgret は簡単なアニメーションを作成しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。