5ive™.blog

滑らかにラインを引く練習中。

勉強用に自作で作ってみたので公開してみる。4月なので桜の花びらをパーティクルで散らしてみた。使い方はドキュメントクラスに下記のように記述する。

Main.as

package
{
	import flash.display.MovieClip;
	import flash.display.Sprite;
	import flash.events.MouseEvent;
	import info.five.filters.Particle;

	public class Main extends Sprite
	{
		private var p:Particle;

		//------------------------------
		//   コンストラクタ
		//------------------------------
		public function Main():void
		{
			this.stage.addEventListener(MouseEvent.CLICK, onClick);

			//-----[パーティクル]
			p = new Particle("flower", this);
			p.gravity = -0.2;
			p.wind = -0.5;
		}

		private function onClick(e:MouseEvent):void
		{
			p.click();
		}
	}
}

まずはパーティクルインスタンスを作る。第1引数はパーティクルの元となるムービークリップのリンケージ名。第2引数はパーティクルを配置する場所。この場合はステージに配置するのでthisとする。インスタンスを作った後は各パラメータを指定する。gravityはマイナス値でパーティクルが上昇。windはマイナス値で左向きにパーティクルが流れる（0だと円状に広がる）。

p.gravity = -0.2;
p.wind = -0.5;

このサンプルではステージにクリックイベントを登録しているので、リスナー関数の中でp.click()を呼び出すことでクリックタイプのパーティクルを発動することができる。これをp.start()にするとパーティクルが生成され続ける。p.stop()で止める事ができる。

パーティクルクラスはこちら
Particle.as

package info.five.filters
{
	import flash.display.DisplayObjectContainer;
	import flash.display.MovieClip;
	import flash.events.Event;
	import flash.events.TimerEvent;
	import flash.utils.Timer;
	import flash.utils.getDefinitionByName;
	import flash.geom.Point;

	public class Particle
	{
		private var container:DisplayObjectContainer;
		private var linkage:String;
		private var timer:Timer;
		private var xVel:Number;
		private var yVel:Number;
		private var _vol:Number = 5;
		private var _drag:Number = 0.99;
		private var _shrink:Number = 0.95;
		private var _gravity:Number = 0.8;
		private var _fade:Number = 0.02;
		private var _wind:Number = 0;

		//------------------------------
		//   コンストラクタ
		//------------------------------
		public function Particle(s:String, targetContainer:DisplayObjectContainer)
		{
			linkage = s;
			container = targetContainer;
		}

		//------------------------------
		//   パーティクルの生成
		//------------------------------
		private function makeParticle(e:Event):void
		{
			for (var i:uint = 0; i < _vol; i++)
			{
				var mc:MovieClip = new(getDefinitionByName(linkage));
				container.addChild(mc);

				var mouseX:int = container.stage.mouseX;
				var mouseY:int = container.stage.mouseY;
				var mousePt:Point = new Point(mouseX, mouseY);
				var pt:Point = getNearPoint(mousePt);

				mc.x = pt.x;
				mc.y = pt.y;
				mc.xVel = getRandRange( -5, 5);
				mc.yVel = getRandRange( -5, 5);
				mc.rot = getRandRange( -20, 20);

				mc.addEventListener(Event.ENTER_FRAME, onRender);
			}
		}

		//------------------------------
		//   指定範囲からランダム値の取得
		//------------------------------
		private function getRandRange(min:Number, max:Number):Number
		{
			var randomNum:Number = (Math.random() * (max - min )) + min;
			return randomNum;
		}

		//------------------------------
		//   近似ポイント座標の取得
		//------------------------------
		private function getNearPoint(pt1:Point):Point
		{
			var len:uint = Math.round(Math.random() * 10);
			var angle:uint = Math.round(Math.random() * 2 * Math.PI);
			var pt2:Point = Point.polar(len, angle);

			pt2.offset(pt1.x, pt1.y);
			return pt2;
		}

		//------------------------------
		//   スタート
		//------------------------------
		public function start():void
		{
			container.stage.addEventListener(Event.ENTER_FRAME, makeParticle);
		}

		//------------------------------
		//   ストップ
		//------------------------------
		public function stop():void
		{
			container.stage.removeEventListener(Event.ENTER_FRAME, makeParticle);
		}

		//------------------------------
		//   クリック
		//------------------------------
		public function click():void
		{
			container.stage.addEventListener(Event.ENTER_FRAME, makeParticle);

			timer = new Timer(300, 1);
			timer.addEventListener(TimerEvent.TIMER, onDelay);
			timer.start();
		}

		private function onDelay(e:TimerEvent):void
		{
			container.stage.removeEventListener(Event.ENTER_FRAME, makeParticle);
			timer.removeEventListener(TimerEvent.TIMER_COMPLETE, onDelay);
		}

		//------------------------------
		//   レンダー
		//------------------------------
		private function onRender(e:Event):void
		{
			var mc:MovieClip = e.target as MovieClip;

			if (mc.alpha > 0)
			{
				mc.x += mc.xVel + _wind * 10;
				mc.y += mc.yVel;

				mc.xVel *= _drag;
				mc.yVel *= _drag;

				mc.scaleX *= _shrink;
				mc.scaleY *= _shrink;

				mc.yVel += _gravity;
				mc.alpha -= _fade;
				mc.rotation += mc.rot;
			}
			else
			{
				mc.removeEventListener(Event.ENTER_FRAME, onRender);
				mc.removeChildAt(0);
				container.removeChild(mc);
				mc = null;
			}
		}

		//------------------------------
		//   getter setter
		//------------------------------
		public function get vol():Number { return _vol; }

		public function set vol(value:Number):void {
			_vol = value;
		}

		public function get drag():Number { return _drag; }

		public function set drag(value:Number):void {
			_drag = value;
		}

		public function get shrink():Number { return _shrink; }

		public function set shrink(value:Number):void {
			_shrink = value;
		}

		public function get gravity():Number { return _gravity; }

		public function set gravity(value:Number):void {
			_gravity = value;
		}

		public function get fade():Number { return _fade; }

		public function set fade(value:Number):void {
			_fade = value;
		}

		public function get wind():Number { return _wind; }

		public function set wind(value:Number):void {
			_wind = value;
		}
	}
}

不具合があれば、指摘していただけると嬉しいです。

パーティクルのお勉強中。こうやって動かしてたのねー。