かんたんパーティクル

簡単な２Dパーティクルを作ってみる。
パーティクルは難しいイメージがありますが、シンプルに書くと意外とわかりやすい。

forked:0
favorite:7
lines:95
license : MIT License
modified : 2009-06-04 13:42:24

Embed: Tweet

package
{
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.events.TimerEvent;
	import flash.utils.Timer;
	
        // 簡単な２Dパーティクルを作ってみる。
        // パーティクルは難しいイメージがありますが、シンプルに書くと意外とわかりやすい。
        [SWF(width = "300", height = "300", frameRate = "30", backgroundColor = "#ffffff")]
	public class ParticleField extends Sprite
	{
		private var emitter	:Emitter;    // パーティクルの発生源
		private var timer	:Timer;      // パーティクルの発生するタイミングを設定する
		
                // ここから始まります。
		public function ParticleField():void
		{
			// エミッターの作成
			emitter	= new Emitter();            // 発生源を作成します。
			emitter.x = stage.stageWidth / 2;   // ステージの中心に配置します。
			emitter.y = stage.stageHeight / 2;  // ステージの中心に配置します。
			addChild( emitter );                // 発生源を画面に表示できるようにします。
			
			// particleの発生タイミングを設定
			timer = new Timer( 100 );	// ミリ秒単位でイベントを発生させる。
			timer.start();                  // タイマーのカウントを開始します。
			timer.addEventListener( TimerEvent.TIMER, generateParticle );    //　タイマーのカウントが指定のカウントになったら、functionを実行します。
			
			addEventListener( Event.ENTER_FRAME, onEnterFrame ); // エンターフレームでフレームを再生します。
		}
		
		// パーティクルを発生させます。
		private function generateParticle( evt:TimerEvent )
		{
                        // 発生源からパーティクルを１つ生成します。
                        // 引数に、パーティクルが進む方向（ベクトル）を、XとYで指定します。
                        // 今回は、ランダムな方向を指定します。
			emitter.generate(Math.random()*4-2, Math.random()*4-2);
		}
		
		// エンターフレーム　繰り返しの動作をします。
		private function onEnterFrame(e:Event):void
		{
			emitter.nextFrame();  // パーティクルを１フレーム進めます。
		}
	}
}

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

// エミッターのオブジェクトです。
// パーティクルを発生させる発生源です。
internal class Emitter extends Sprite
{
	public var particles:Array = [];	// この発生源に所属するパーティクル
	public var life		:int   = 60;	// パーティクルの寿命（フレーム）です。
	public var color	:uint  = 0xDD2200; // パーティクルの色を設定しています。
	
	// Particleの発生源を作成する。
	public function Emitter():void
	{
	}
	
	// パーティクル位置の計算
	public function generate( vx:Number, vy:Number ):void
	{
		// パーティクルの生成
		var vecror2D:Vector2D = new Vector2D( vx, vy ); // ベクトルデータを作成します。
		var particle:Particle = new Particle( color, life, vecror2D );  // パーティクルを作成します。　色と、寿命と、ベクトルを設定します。
		addChild( particle );  // パーティクルを画面に表示できるようにします。
		particles.push( particle );  // パーティクルをメンバーとして保持します。
	}
	
	// パーティクルを次のフレームへ進めます。
	public function nextFrame():void
	{
		var length:int = particles.length;  // パーティクルのメンバーの数を調べます。
		for ( var i:int = 0; i < length; ++i ){ // パーティクルのメンバーの数だけ、繰り返します。
			var life:Boolean = particles[i].nextFrame();  // particleのフレームを一つ進める
			if ( !life ) {                                // lifeがなくなったparticleはメンバーから削除する
				removeChild( particles[i] );          // パーティクルを画面に表示しなくします。 　
				particles.splice( i, 1 );             // 配列のiから数えて１つのメンバーを抜き取る
				--i;			        	// 消した分１つ前にもどる。
				--length;				// 消した分ループの回数を１回減らす。
			}
		}
	}
}

import flash.display.Shape;

// パーティクルのオブジェクトです。
// パーティクルの見た目、寿命、ベクトル（進む方向）の情報をもっています。
// パーティクル一粒ずつそれぞれに固有の情報をもっています。
internal class Particle extends Shape
{
	public var vec			:Vector2D;  // パーティクルのベクトルデータです。
	public var life			:int = 0;   // パーティクルの寿命です。
	
        // パーティクルオブジェクトを作成します。
        // 引数で、色、寿命、ベクトルを設定します。
	public function Particle( color:uint, life:int, _vec:Vector2D = null ):void
	{
		vec = _vec? _vec:new Vector2D();  // 引数で、ベクトルが指定されていれば、それを使います。なければ、新しくベクターデータを作成します。
		this.life = life; // 引数の寿命をこのオブジェクトの寿命に設定します。
		
		graphics.beginFill( color, 1 );  // パーティクルの見た目を作ります。 
		graphics.drawCircle( 0, 0, 5 );  // 
		graphics.endFill();              // 
	}
	
        // パーティクルを次の状態へ進めます。
	public function nextFrame():Boolean
	{
		life --; // 寿命を減らします。
		if ( life <= 0 ) return false; // 寿命がなくなったら、処理を中止して寿命がなくなったことを知らせます。
		x += vec.vx; // ベクトルを現在の座標に繁栄させます。
		y += vec.vy; // ベクトルを現在の座標に繁栄させます。
		
		return true;  // パーティクルが生きていることを知らせます。
	}
}

// ベクトルをあらわすオブジェクトです。
internal class Vector2D
{
	public var vx:Number;   // x方向のベクトルです。
	public var vy:Number;   // y方向のベクトルです。
	
        // ベクトルデータを作成します。
	public function Vector2D( vx:Number = 0.0, vy:Number = 0.0 )
	{
		this.vx = vx;
		this.vy = vy;
	}
}

Code Fullscreen

Preview Fullscreen

gomako

ossobobo

postnum

hacker_xn71w..

ysformen

ueueueueue

nogud :

簡単パーティクル