[转]几种位图渲染角色动画的实现方法的性能差异

阅读更多
http://bbs.9ria.com/viewthread.php?tid=77376&extra=page%3D1%26amp%3Borderby%3Ddateline%26amp%3Bfilter%3D2592000


今天中午针对3种知道的位图渲染角色动画的实现方法进行了性能测试,这三种方法分别是:

copyPixels,mask和scrollRect

测试素材:800*600位图文件一张
测试方法:对同屏100个对象不停进行渲染,观察CPU和内存的占用情况。渲染速度30FPS

先说下主要的渲染思路:

copyPixels

指定一个缓冲区变量buffer,将其设置为bitmap的bitmapData属性或者设置为Sprite的beginBitmapFill填充对象,之后,从源位图文件中复制对应的像素到buffer中。

类代码如下:
package  
{
        import flash.display.Bitmap;
        import flash.display.BitmapData;
        import flash.geom.Point;
        import flash.geom.Rectangle;
        /**
         * ...
         * @author D5Power
         */
        public class ShowObjectCP extends Bitmap implements Render
        {
                
                private var buffer:BitmapData;
                private var _source:BitmapData;
                
                public function ShowObjectCP(source:BitmapData) 
                {
                        buffer = new BitmapData(40, 40);
                        _source = source;
                        
                        super(buffer);
                }
                
                public function render():void
                {
                        buffer.copyPixels(_source, new Rectangle(int(760 * Math.random()), int(560 * Math.random()), 40, 40), new Point());
                }
                
        }

}


mask

将源位图作为bitmapData,定义一个Bitmap对象,然后在sprite绘制一个矢量区域,来做为遮罩,之后更改Bitmap的坐标,来实现动画。类代码如下:
package  
{
        import flash.display.Bitmap;
        import flash.display.BitmapData;
        import flash.display.Sprite;
        
        /**
         * ...
         * @author D5Power
         */
        public class ShowObjectXY extends Sprite implements Render
        {
                
                private var masker:Sprite;
                private var b:Bitmap;
                public function ShowObjectXY(bitmap:BitmapData) 
                {
                        masker = new Sprite();
                        masker.graphics.beginFill(0);
                        masker.graphics.drawRect(0, 0, 80, 120);
                        
                        addChild(masker);
                        
                        b = new Bitmap(bitmap);
                        addChild(b);
                        
                        b.mask = masker;
                }
                
                public function render():void
                {
                        b.x = -int(760*Math.random());
                        b.y = -int(560*Math.random());
                }
                
        }

}



scrollRect

创建一个Bitmap对象,通过修改其 scrollRect属性来更改当前的显示区域。类代码如下:
package  
{
        import flash.display.Bitmap;
        import flash.display.BitmapData;
        import flash.geom.Rectangle;
        
        /**
         * ...
         * @author Howard.Ren
         */
        public class ShowObjectSC extends Bitmap implements Render
        {
                private var rect:Rectangle;
                public function ShowObjectSC(bitmap:BitmapData) 
                {
                        super(bitmap);
                        rect = new Rectangle(0, 0, 80, 120);
                        scrollRect = rect;
                }
                
                public function render():void
                {
                        rect.x= int(760*Math.random());
                        rect.y = int(560 * Math.random());
                        scrollRect = rect;
                }
                
                
                
        }

}


最后,通过主函数在屏幕上同时渲染100个。
package  
{
        import flash.display.BitmapData;
        import flash.display.Sprite;
        import flash.events.Event;
        
        /**
         * ...
         * @author Howard.Ren
         */
        public class Main extends Sprite
        {
                private var list:Array;
                public function Main() 
                {
                        list = new Array();
                        
                        var source:BitmapData = new map(0,0);
                        for (var i:uint = 0; i < 100; i++ )
                        {
                                var obj:ShowObjectCP = new ShowObjectCP(source);
                                obj.x = int(Math.random() * stage.stageWidth);
                                obj.y = int(Math.random() * stage.stageHeight);
                                addChild(obj);
                                list.push(obj);
                        }
                        
                        addEventListener(Event.ENTER_FRAME, doit );
                }
                
                private function doit(e:Event):void
                {
                        for each(var obj:Render in list)
                        {
                                obj.render();
                        }
                }
                
        }

}


运行结果如下:

先来看scrollRect的

[转]几种位图渲染角色动画的实现方法的性能差异_第1张图片



再来看mask的



[转]几种位图渲染角色动画的实现方法的性能差异_第2张图片

最后来看copyPixels的

[转]几种位图渲染角色动画的实现方法的性能差异_第3张图片


其实在运行前,我以为mask的速度会最快,因为只是改动了位图的XY坐标而已,比其他的多了一个mask出来。但是,实际上它的性能跟scrollRect不相上下,怀疑是不是底层是同一实现方法。而copyPixels则稳居第一。只有10%左右的CPU占有。

完毕,上源码。欢迎各路兄弟丢斧头。。。

  • [转]几种位图渲染角色动画的实现方法的性能差异_第4张图片
  • 大小: 107.1 KB
  • [转]几种位图渲染角色动画的实现方法的性能差异_第5张图片
  • 大小: 108.1 KB
  • [转]几种位图渲染角色动画的实现方法的性能差异_第6张图片
  • 大小: 96.8 KB
  • 桌面.rar (238.4 KB)
  • 下载次数: 19
  • 查看图片附件

你可能感兴趣的:(Flash,ITeye,PHP,BBS)