Forked from:: mex's 【AS100本ノック】11回目：ろうそく

forked from: 【AS100本ノック】11回目：ろうそく

AS100本ノック
* 11回目のお題は「ろうそく」
* あなたなりの「ろうそく」を表現してください。

ろうそくの影がきれいだと思ったんです。
クリックでろうそく追加
ドラッグでろうそく移動

forked:7
favorite:20
lines:245
license : MIT License
modified : 2010-02-08 14:20:42

Embed: Tweet

/**
 * AS100本ノック
 * 11回目のお題は「ろうそく」
 * あなたなりの「ろうそく」を表現してください。
 **/
 //ろうそくの影がきれいだと思ったんです。
 //クリックでろうそく追加
 //ドラッグでろうそく移動
package 
{
	import flash.display.Bitmap;
	import flash.display.BitmapData;
	import flash.display.BlendMode;
	import flash.display.GradientType;
	import flash.display.Graphics;
    import flash.display.Sprite;
	import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.filters.BlurFilter;
	import flash.geom.Matrix;
	import flash.geom.Point;
	import flash.geom.Rectangle;
	import net.hires.debug.Stats;
	
	[SWF(width = "465", height = "465", frameRate = "30")]
	
    public class FlashTest extends Sprite
	{
		private const ZERO:Point = new Point();
		private const BLUR_FILTER:BlurFilter = new BlurFilter(4, 4, 1);
		private const LIGHT_GRAD:Array = [0xffdaa5, 0xbbaa88, 0x000000];
		private const LIGHT_GRAD_ALPHA:Array = [1,0.7,0];
		private const LIGHT_GRAD_RATIO:Array = [15, 60, 255];
		private const FLAME_GRAD:Array = [0xCCAA88, 0xDD8833, 0xffffff]
		
		private var scaleMat:Matrix = new Matrix(0.5, 0, 0, 0.5, 0, 0);
		private var candles:Vector.<Candle> = new Vector.<Candle>();
		private var draggingCandle:Candle;
		private var shadowCanvas:Sprite = new Sprite();
		private var shadowBitmap:Bitmap;
		private var shadowBMD:BitmapData;
		private var lightCanvas:Bitmap;
		private var lightBMD:BitmapData;
		private var tempLightSprite:Sprite;
		private var lightDrawMt:Matrix = new Matrix();
		private var flameSprite:Sprite = new Sprite();
		private var flames:Vector.<Sprite> = new Vector.<Sprite>();
		private var lightGradMtx:Matrix = new Matrix();
		private var shadowGradArr:Array = [0x333333, 0x000000];
		
		public function FlashTest():void
		{
			createCanvases();//createCanvas
			stage.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
			stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
        }
		
		private function createCandle(xPos:Number, yPos:Number, h:Number, r:Number, power:Number):void
		{
			candles.push(new Candle(xPos, yPos, h, r, power));
			var flameShape:Sprite = flameSprite.addChild(new Sprite()) as Sprite;
			flameShape.blendMode = BlendMode.ADD;
			flameShape.buttonMode = true;
			flames.push(flameShape);
		}
		
		private function createCanvases():void
		{
			tempLightSprite = new Sprite();
			lightBMD = new BitmapData(465, 465, false, 0x000000);
			lightCanvas = new Bitmap(lightBMD);
			lightCanvas.scaleX = lightCanvas.scaleY = 1;
			addChild(lightCanvas);
			shadowBMD = new BitmapData(465 / 2, 465 / 2, true, 0x00000000);
			shadowBitmap = new Bitmap(shadowBMD);
			shadowBitmap.smoothing = true;
			shadowBitmap.blendMode = BlendMode.SUBTRACT;
			shadowBitmap.scaleX = shadowBitmap.scaleY = 2;
			addChild(shadowBitmap);
			addChild(flameSprite);
		}
		
		private function mouseDownHandler(evt:MouseEvent):void 
		{
			var draggable:Sprite = getObjectsUnderPoint(new Point(mouseX, mouseY))[2];
			if (draggable)
			{
				draggingCandle= candles[flames.indexOf(draggable)]
				stage.addEventListener(MouseEvent.MOUSE_MOVE, drag);
				stage.addEventListener(MouseEvent.MOUSE_UP, endDrag)
			}else
			{
				createCandle(mouseX, mouseY, 20 + Math.random() * 15, 7, 350 + Math.random() * 20);
			}
		}
		
		private function endDrag(evt:MouseEvent):void 
		{
			stage.removeEventListener(MouseEvent.MOUSE_UP, endDrag);
			stage.removeEventListener(MouseEvent.MOUSE_MOVE, drag);
		}
		
		private function drag(evt:MouseEvent):void 
		{
			draggingCandle.x = mouseX;
			draggingCandle.y = mouseY;
		}
		
		private function enterFrameHandler(evt:Event):void 
		{
			var l:int = candles.length;
			for (var i:int = 0; i < l; i++ )
			{
				var t:Candle = candles[i];
				if (!t.update())
				{
					candles.splice(i, 1);
					flames[i].graphics.clear();
					flames.splice(i, 1);
					l--;
					i--;
				}
			}
			loop();
		}
		
		/*-----------------------------------------//
		//Mainloop
		//------------------------------------------*/
		private function loop(evt:Event = null ):void 
		{
			lightBMD.lock();
			shadowBMD.lock();
			//resetCanvases
			shadowCanvas.graphics.clear();
			lightBMD.fillRect(lightBMD.rect, 0x000000);
			shadowBMD.fillRect(shadowBMD.rect, 0x00000000);
			var l:int = candles.length;
			for (var i:int = 0; i < l; i++ )
			{
				var c:Candle = candles[i];
				//shineLight
				tempLightSprite.graphics.clear();
				lightGradMtx.createGradientBox(c.lightPower, c.lightPower, 0, 0);
				tempLightSprite.graphics.beginGradientFill(GradientType.RADIAL, LIGHT_GRAD, LIGHT_GRAD_ALPHA, LIGHT_GRAD_RATIO,lightGradMtx,"pad","rgb",0);
				tempLightSprite.graphics.drawRect(0,0,c.lightPower, c.lightPower);
				tempLightSprite.graphics.endFill();
				lightDrawMt.createBox(1,1, 0, c.x-c.lightPower*0.5,c.y-c.lightPower*0.5);
				lightBMD.draw(tempLightSprite, lightDrawMt, null, BlendMode.ADD,new Rectangle(c.x-c.lightPower*0.5,c.y-c.lightPower*0.5,c.lightPower,c.lightPower), true);
				//flame
				var flame:Sprite = flames[i];
				flame.graphics.clear();
				flame.x = c.x;
				flame.y = c.y;
				var fCenter:Point = new Point(Math.random()*2-1-20,Math.random()*2-1-20) 
				lightGradMtx.createGradientBox(40, 40,0,fCenter.x ,fCenter.y);
				flame.graphics.beginGradientFill(GradientType.RADIAL,FLAME_GRAD,[1,0.2,0],[25,100,200],lightGradMtx );
				flame.graphics.drawCircle(fCenter.x+20, fCenter.y+20, 40);
				flame.graphics.endFill();
				
				//castShadow
				for (var j:int = 0; j < l; j++ )
				{
					if (j != i)//自分以外
					{
						var anotherCandle:Candle = candles[j];
						
						var a:Point = new Point(anotherCandle.x + Math.random() * 28-14, anotherCandle.y + Math.random() * 28-14);//光源の位置にゆらぎを加えとく
						var vec:Point = c.subtract(a);
						var dis:Number = vec.length;
						
						//接点ポイント計算
						var tPs:Vector.<Point> = calcTangPoint(anotherCandle, c, c.radius, vec);
						
						if (anotherCandle.height > c.height) vec.normalize(dis * (c.height / (anotherCandle.height - c.height)))
						else vec.normalize(465);//無限になるのでステージサイズの長さに制限
						
						//接点
						var tP1:Point = tPs[0];//接点1（光源point基準）
						var tP2:Point = tPs[1];//接点1（光源point基準）
						
						//影のポイントを作成
						var sc:Number = 1 + vec.length / dis;
						//MainShadow
						var mt:Matrix = new Matrix();
						var translateX:Number = anotherCandle.x + c.x * sc;
						var translateY:Number= anotherCandle.y + c.y * sc;
						mt.createBox(sc, sc, 0, translateX, translateY);
						var cP1:Point = mt.transformPoint(tP1);//接点1の影がcastされるポイント（ステージ基準）
						var cP2:Point = mt.transformPoint(tP2);//接点2の影がcastされるポイント（ステージ基準）
						//SubShadow1
						mt.createBox(sc, sc, 2 * Math.PI / 180, translateX, translateY);
						var cP1_l:Point = mt.transformPoint(tP1);//接点1の影がcastされるポイント（ステージ基準）
						var cP2_l:Point = mt.transformPoint(tP2);//接点2の影がcastされるポイント（ステージ基準）
						//SubShadow2
						mt.createBox(sc, sc, -2 * Math.PI / 180, translateX, translateY);
						var cP1_r:Point = mt.transformPoint(tP1);//接点1の影がcastされるポイント（ステージ基準）
						var cP2_r:Point = mt.transformPoint(tP2);//接点2の影がcastされるポイント（ステージ基準）
						
						tP1.offset(anotherCandle.x+c.x,anotherCandle.y+c.y)//接点1(ステージ基準に変換)
						tP2.offset(anotherCandle.x + c.x, anotherCandle.y + c.y)//接点2(ステージ基準に変換)
						
						//drawShadowShape
						var alphaArr:Array = [1 - dis / (anotherCandle.lightPower * 0.8), 0];
						lightGradMtx.createGradientBox(vec.length * 2, vec.length * 2, 0, c.x - vec.length, c.y - vec.length);
						
						//MainShadow
						shadowCanvas.graphics.beginGradientFill(GradientType.RADIAL, shadowGradArr, alphaArr, [0, 127],lightGradMtx);
						shadowCanvas.graphics.moveTo(tP1.x, tP1.y);
						shadowCanvas.graphics.lineTo(cP1.x, cP1.y);
						shadowCanvas.graphics.lineTo(cP2.x, cP2.y);
						shadowCanvas.graphics.lineTo(tP2.x, tP2.y);
						shadowCanvas.graphics.lineTo(tP1.x, tP1.y);
						shadowCanvas.graphics.endFill();
						//subShadow1
						shadowCanvas.graphics.beginGradientFill(GradientType.RADIAL,shadowGradArr, alphaArr, [0, 100],lightGradMtx);
						shadowCanvas.graphics.moveTo(tP1.x, tP1.y);
						shadowCanvas.graphics.lineTo(cP1_l.x, cP1_l.y);
						shadowCanvas.graphics.lineTo(cP2_l.x, cP2_l.y);
						shadowCanvas.graphics.lineTo(tP2.x, tP2.y);
						shadowCanvas.graphics.lineTo(tP1.x, tP1.y);
						shadowCanvas.graphics.endFill();
						//subShadow2
						shadowCanvas.graphics.beginGradientFill(GradientType.RADIAL, shadowGradArr, alphaArr, [0, 100],lightGradMtx);
						shadowCanvas.graphics.moveTo(tP1.x, tP1.y);
						shadowCanvas.graphics.lineTo(cP1_r.x, cP1_r.y);
						shadowCanvas.graphics.lineTo(cP2_r.x, cP2_r.y);
						shadowCanvas.graphics.lineTo(tP2.x, tP2.y);
						shadowCanvas.graphics.lineTo(tP1.x, tP1.y);
						shadowCanvas.graphics.endFill();
					}
				}
			}
			shadowBMD.draw(shadowCanvas, scaleMat, null, null, null, true);
			shadowBMD.applyFilter(shadowBMD, shadowBMD.rect, ZERO, BLUR_FILTER);
			lightBMD.unlock();
			shadowBMD.unlock();
		}
		
		/*-----------------------------------------//
		//任意の点と円の接点を求める
		//------------------------------------------*/
		private function calcTangPoint(p:Point, cP:Point, cR:Number,vec:Point):Vector.<Point>
		{
			var returnPoints:Vector.<Point> = new Vector.<Point>();
			var angle:Number = Math.acos(cR / vec.length);
			var offsetAngle:Number = Math.atan2(vec.y, vec.x);
			
			var tP1:Point = Point.polar(cR, offsetAngle+angle);
			var tP2:Point = Point.polar(cR, offsetAngle-angle);
			tP1.offset(-p.x, -p.y);
			tP2.offset(-p.x, -p.y);
			returnPoints.push(tP1);
			returnPoints.push(tP2);
			
			return returnPoints;
		}
    }
}

import flash.geom.Point;
class Candle extends Point
{
	private var fading:Boolean = false;
	private var max_power:Number;
	
	private var _height:Number;
	public function get height():Number { return _height; }
	public function set height(value:Number):void {_height = value;}
	
	private var _radius:Number;
	public function get radius():Number { return _radius; }
	public function set radius(value:Number):void {_radius = value;}
	
	private var _lightPower:Number;
	public function get lightPower():Number { return _lightPower; }
	public function set lightPower(value:Number):void { _lightPower = value;}
	
	public function Candle(xPos:Number, yPos:Number, height:Number,radius:Number, power:Number):void
	{
		super(xPos, yPos);
		this.height = height;
		this.radius = radius;
		this.max_power = power;
		this.lightPower = power;
	}
	
	public function update():Boolean
	{
		if (!fading)
		{
			this.height -= 0.03;
			
			if (height <= 3) fading = true;
		}else
		{
			max_power -= (16 * Math.random() + 2);
			if (max_power <= 0) return false;
		}
		lightPower = max_power*(0.95+0.1*Math.random());
		return true;
	}
}

Code Fullscreen

Preview Fullscreen