学步园

          最近一直忙碌公司的工作，每个周末都很少时间来写博客。最近做了一些实验，记录下来，这种小特效不算很华丽，不过用到在项目当中也是有一点小小意思。

这个特效从一个小球开始的。通过小球运动产生一种比较简单的视角效果。

                    下面，来试试这种效果，我们先定义一个小球类。

package 
{
	import flash.display.Sprite;
	import flash.geom.*;
	import flash.display.GradientType;

	public class Ball extends Sprite
	{

		public var speed:Number;
		public function Ball()
		{

			this.graphics.beginFill(0xffffff);
			this.graphics.drawCircle(0,0,1);
			this.graphics.endFill();
			var matrix:Matrix = new Matrix();
			matrix.createGradientBox(10, 10, 0, 0, 0);
			var colors:Array = [0xCCFF00,0xCCFF00];
			var alphas:Array = [0,255];
			var ratios:Array = [0,0xFF];

			this.graphics.beginGradientFill(GradientType.RADIAL, colors, alphas, ratios, matrix);
			this.graphics.drawCircle(0,0,2);
			this.graphics.endFill();

		}
	}

}

 这个特效的基本思路是：创建一堆的小球，最开始初始他们的随机速度，然后匀速运动，当达到一个预设位置的时候，移除显示列表，并进行删除对象。

   创建的粒子对象，只进行向上的运行路线，运动过程，透明度递减，产生一种消失的效果。而对z轴随机也可以产生一种视角的变化，产生一种空间感。

改变预设的初始属性，如速度，等等可以让小球的运动变化更多。

import flash.events.Event;
import flash.display.Sprite;

var pixSprite:Sprite=new Sprite();
addChild(pixSprite);
var list:Array = [];
for (var i:int=0; i<500; i++)
{
	var ball:Ball=new Ball();
	ball.x = Math.random() * 80;
	ball.y = Math.random() * 100;
	ball.z = Math.random() * 200;
	ball.speed = Math.random() * 5 + 1;
	pixSprite.addChild(ball);
	list.push(ball);

}
pixSprite.x=(stage.stageWidth-pixSprite.width)*0.5;
pixSprite.y=(stage.stageHeight-pixSprite.height)*0.5;


addEventListener(Event.ENTER_FRAME,onRun);

function onRun(event:Event):void
{
	var len:int = list.length;
	for (var i:int=0; i<list.length; i++)
	{
		var ball:Ball = list[i] as Ball;
		if (ball)
		{
			ball.y -=  ball.speed;//向上运动
			ball.alpha -=  0.02;
			var dir:int = Math.random() > 0.5 ? 1:-1;
			ball.z -=  Math.random() * 20 * dir;
			if (ball.y < -60)
			{
				if (pixSprite.contains(ball))
				{
					pixSprite.removeChild(ball);
					ball = null;
				}
				list.splice(i,1);
			}
		}
	}

	if (list.length == 0)
	{
		removeEventListener(Event.ENTER_FRAME,onRun);
	}


}

 好，不妨尝试一下，实验制作这种效果。