Egret MovieClip2

最新推荐文章于 2022-10-01 18:30:25 发布

原创最新推荐文章于 2022-10-01 18:30:25 发布 · 297 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Egret

Egret 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一种使用egret框架实现帧动画的方法。通过创建多个电影剪辑实例，并利用RES.getRes获取资源，实现了动态加载和播放帧动画。文章详细展示了如何构造电影剪辑数据工厂并生成多个动画实例，每个实例都在舞台上正确定位和播放。

//帧动画
module game {
    export class movieClipDemo extends egret.DisplayObjectContainer {
        private objNum:number = 0;
        public constructor(num: number) {
            super();
            this.objNum = num;
            this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);
        }
        private onAddToStage(evt: egret.Event) {
            this.createMC();
        }
        private createMC() {
            let data = RES.getRes("blueRobot_json");
            let txtr = RES.getRes("blueRobot_png");
            let mcFactory: egret.MovieClipDataFactory = new egret.MovieClipDataFactory(data, txtr);

            let arr: Array<egret.MovieClip> = [];
            for (let i = 0; i < this.objNum; i++) {
                arr[i] = new egret.MovieClip(mcFactory.generateMovieClipData("robot"));
                this.addChild(arr[i]);
                arr[i].y = 100;
                if (i) {
                    arr[i].x = arr[i - 1].x+ 0.5;
                } else {
                    arr[i].x = 250;
                }
                arr[i].play(-1);
            }
        }
    }
}