我有多少图像需要更流畅的动画(Actionscript);

时间:2012-08-14 07:30:09

标签: actionscript-3 flash animation actionscript multiplication

我有一个onEnterFrame事件:

package  {
    import flash.display.MovieClip;
    import flash.display.Loader;
    import flash.events.Event;
    import flash.net.URLRequest;
    import flash.display.BitmapData;
    import flash.geom.Matrix;
    import flash.errors.IOError;

    public class Ball extends MovieClip {

        private var images:Array;
        private var frames:Array;
        var i:int = 0;
        public function Ball(images:Array) {

            this.images = images
            frames = new Array();
            images.forEach(function(current){
                        trace(current);
                var loader:Loader = new Loader();
                loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onLoadCompleted);
                loader.load(new URLRequest(current));
            });

        }

        private function onLoadCompleted(e:Event):void{
            frames.push(e.currentTarget.content);
            i++;
            if(i == images.length)
            {
                ready();
            }

        }

        private function ready():void{

            i = 0;
            addEventListener(Event.ENTER_FRAME, onEnterFrame);

        }

        private function onEnterFrame(e:Event):void{


            graphics.clear();
            var bitmapData:BitmapData = frames[i].bitmapData;
            graphics.beginBitmapFill(bitmapData, new Matrix(), false, true);
            graphics.drawRect(0, 0, 100, 100);
            graphics.endFill();
            i++;
            if(i == frames.length)
            {
                i = 0;

            }


        }

    }

}

这个类正在获取一系列图像,然后对其进行动画处理,这是我的主要类:

public class Test extends MovieClip {

        private var ball:Ball;
        public function Test()
        {
            var images:Array = new Array();
            for(var i:int = 1; i < 21; i++)
            {
                images.push('ball' + i.toString(10) + '.png');

            }
            ball = new Ball(images);
            addChild(ball);
        }

    }

所以当你看到我传递了20个图像的数组时,问题是我需要多少图像来制作一个好的动画,而不是大致,但是很流畅,每次创建像ball1.png,ball2这样的新图像。 png,ball3.png,ball4.png - 我需要通过像素移动球像素来制作一个好的动画?或者有更好的方法吗?

2 个答案:

答案 0 :(得分:0)

这取决于您的感知和设备以及您希望从内容中可视化的内容。 请参考这个网站:

http://www.mathworks.com/help/toolbox/mupad/plot/INTRO_FramesAndTimeRange.html

答案 1 :(得分:0)

我要考虑的第一件事是帧速率。将更多图像作为帧率是没有意义的。

基本上对于流畅的动画,30 fps应该没问题。此外,如果您考虑将其用于移动设备,我认为您不应该高于30fps才能获得良好的性能。

关于图像的数量以及如何设置它们的动画,我建议你看看这个游戏教程(饥饿的英雄)

http://www.hsharma.com/tutorials/starting-with-starling-ep-3-sprite-sheets/ http://www.hsharma.com/tutorials/starting-with-starling-ep-5-parallax-background/