ホームページ > 記事 > ウェブフロントエンド > Egret は簡単なアニメーションを作成します
//白鷺の簡単なアニメーション例
//このアニメーションは、ボタンをクリックすると浮かぶハートのフレームアニメーションです
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 サイトの他の関連記事を参照してください。