AS3.0纯代码编写的两款loading效果

AS3.0纯代码编写的两款loading效果

效果一

效果二

代码很简单，实现的原理一样，只不过矩形用到了Matrix类，对注册点进行了调整，效果可用于视频播放器缓冲时的loading效果，下面看代码吧！

使用Javascript格式贴出来（里面没有Actionscript）。

效果一源码：

package 
{
    import flash.display.Sprite;
    import flash.display.StageAlign;
    import flash.display.StageScaleMode;
    import flash.display.Shape;
    import flash.events.Event;

public class Main extends Sprite
    {
        private var nums:Number = 12;
        private var segAngle:Number;
        private var seg:Number;
        private var arr:Array = new Array  ;
        private var sprite:Sprite = new Sprite  ;
        private var j:Number = 1;
        public function Main():void
        {
            init();
        }
        private function init():void
        {
            stage.align = StageAlign.TOP_LEFT;
            stage.scaleMode = StageScaleMode.NO_SCALE;
            seg = 1 / this.nums;
            segAngle = Math.PI * 2 / this.nums;
            addChild(sprite);
            sprite.x = this.stage.stageWidth / 2;
            sprite.y = this.stage.stageHeight / 2;
            for (var i:int = 0; i < this.nums; i++)
            {
                var shape:Shape = new Shape  ;
                shape.graphics.beginFill(0x000000);
                shape.graphics.drawCircle(0,0,10);
                shape.graphics.endFill();
                sprite.addChild(shape);

shape.alpha = seg * i;
                shape.x = 60 * Math.cos((i * segAngle));
                shape.y = 60 * Math.sin((i * segAngle));
                arr[i] = shape;

}
            stage.addEventListener(Event.ENTER_FRAME,alphaHalder);
        }
        private function alphaHalder(evt:Event):void
        {
            for (var i:int = 0; i < nums; i++)
            {
                var shape:Shape = arr[i] as Shape;
                shape.alpha = j;
                j -=  seg;
                if ((j == 0.08333333333333325))
                {
                    j = 1;
                }
            }

}
    }
}

效果二源码：

package 
{
    import flash.display.Shape;
    import flash.display.Sprite;
    import flash.display.StageAlign;
    import flash.display.StageScaleMode;
    import flash.events.Event;
    import flash.geom.Matrix;
    import flash.utils.Timer;
    import flash.events.TimerEvent;

public class Bar extends Sprite
    {
        private var nums:int = 12;
        private var m2:Matrix = new Matrix();
        private var m:Matrix =  new Matrix();
        private var Abar:Array = new Array();
        private var segAngle:Number;
        private var seg:Number;
        private var j:Number = 0;
        private var timer:Timer =  new Timer(50);
        public function Bar()
        {
            stage.align = StageAlign.TOP_LEFT;
            stage.scaleMode = StageScaleMode.NO_SCALE;
            initBar();
        }

private function initBar():void
        {
            segAngle = 2 * Math.PI / this.nums;
            seg = 1 / this.nums;
            for (var i:int = 0; i < this.nums; i++)
            {
                var bar:Shape=new Shape();
                Abar[i] = bar;
                bar.graphics.beginFill(0xffffff);
                bar.graphics.drawRoundRect(0,0,10,3,4,4);
                bar.graphics.endFill();
                this.addChild(bar);
                //bar.alpha = seg * i;
                bar.x = bar.y = 100;
                m.identity();
                m.translate(7,-1);
                m.rotate(segAngle*i);
                m.translate(-7,1);
                m2.identity();
                m2.translate(100,100);
                m.concat(m2);
                bar.transform.matrix = m;
            }
            timer.addEventListener(TimerEvent.TIMER,alphaHalder);
            timer.start();
        }

private function alphaHalder(evt:TimerEvent):void
        {
            for (var i:int = 0; i < this.nums; i++)
            {
                var bar:Shape = Abar[i] as Shape;
                bar.alpha = j;
                if(j == 1.0833333333333333)
                {
                    j = 0;
                }
                j += seg;
            }
        }
    }
}

与你分享更多的东西...