炎と煙
////////////////////////////////////////////////////////////////////////////////
// 炎と煙
//
// [AS3.0] Flareクラスに挑戦！ (1)
// http://www.project-nya.jp/modules/weblog/details.php?blog_id=1127
////////////////////////////////////////////////////////////////////////////////
/**
* Copyright ProjectNya ( http://wonderfl.net/user/ProjectNya )
* MIT License ( http://www.opensource.org/licenses/mit-license.php )
* Downloaded from: http://wonderfl.net/c/kkPd
*/
////////////////////////////////////////////////////////////////////////////////
// 炎と煙
//
// [AS3.0] Flareクラスに挑戦！ (1)
// http://www.project-nya.jp/modules/weblog/details.php?blog_id=1127
////////////////////////////////////////////////////////////////////////////////
package {
import flash.display.Sprite;
import flash.display.Shape;
import flash.display.MovieClip;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.geom.Rectangle;
import flash.display.Loader;
import flash.net.URLRequest;
import flash.system.Security;
import flash.system.LoaderContext;
[SWF(backgroundColor="#000000", width="465", height="465", frameRate="30")]
public class Main extends Sprite {
private var flare:Flare;
private static var cx:uint = 232;
private static var cy:uint = 350;
private static var fw:uint = 80;
private static var fh:uint = 350;
private var speed:uint = 6;
private var unit:uint = 8;
private var segments:uint = 8;
private var fireBtn:Btn;
private var clearBtn:Btn;
private var loader:Loader;
private var treePath:String = "http://www.project-nya.jp/images/flash/firetree.swf";
private var tree:Sprite;
private var fogs:Fogs;
public function Main() {
//Wonderfl.capture_delay(4);
init();
}
private function init():void {
graphics.beginFill(0x000000);
graphics.drawRect(0, 0, 465, 465);
graphics.endFill();
//
var area:Rectangle = new Rectangle(0, 0, 120, 320);
fogs = new Fogs(area);
fogs.x = 172;
fogs.y = 20;
fogs.alpha = 0.75;
//
tree = new Sprite();
addChild(tree);
tree.x = cx;
tree.y = cy;
//
addChild(fogs);
//
var rect:Rectangle = new Rectangle(0, 0, fw, fh);
flare = new Flare(rect);
addChild(flare);
flare.x = cx;
flare.y = cy;
//flare.scaleX = flare.scaleY = 1.2;
flare.addEventListener(Event.COMPLETE, complete, false, 0, true);
//
setup();
//
Security.allowDomain("www.project-nya.jp");
loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loaded, false, 0, true);
loader.load(new URLRequest(treePath), new LoaderContext(true));
}
private function fire(evt:MouseEvent):void {
flare.start();
fogs.start();
fireBtn.clicked = true;
clearBtn.enabled = true;
}
private function clear(evt:MouseEvent):void {
flare.stop();
fogs.stop();
clearBtn.enabled = false;
}
private function complete(evt:Event):void {
fireBtn.clicked = false;
}
private function setup():void {
fireBtn = new Btn();
fireBtn.x = 192;
fireBtn.y = 440;
addChild(fireBtn);
fireBtn.init({id: 0, label: "fire", type: 2});
fireBtn.addEventListener(MouseEvent.CLICK, fire, false, 0, true);
clearBtn = new Btn();
clearBtn.x = 272;
clearBtn.y = 440;
addChild(clearBtn);
clearBtn.init({id: 1, label: "clear", type: 2});
clearBtn.addEventListener(MouseEvent.CLICK, clear, false, 0, true);
clearBtn.enabled = false;
}
private function loaded(evt:Event):void {
loader.removeEventListener(Event.COMPLETE, complete);
tree.addChild(evt.target.content);
}
}
}
//////////////////////////////////////////////////
// Flareクラス
//////////////////////////////////////////////////
import flash.display.Sprite;
import flash.display.Shape;
import flash.display.BitmapData;
import flash.display.Bitmap;
import flash.events.Event;
import flash.geom.Rectangle;
import flash.geom.Point;
import flash.filters.BlurFilter;
import flash.display.BlendMode;
//import sketchbook.colors.ColorUtil;
class Flare extends Sprite {
private var rect:Rectangle;
private var fire:Rectangle;
private var flare:BitmapData;
private var bitmapData:BitmapData;
private var bitmap:Bitmap;
private var rPalette:Array;
private var gPalette:Array;
private var bPalette:Array;
private static var point:Point = new Point(0, 0);
private var speed:Point = new Point(0, -6);
private var unit:uint = 8;
private var segments:uint = 8;
private var blur:BlurFilter;
private var faded:uint = 0;
public static const COMPLETE:String = Event.COMPLETE;
public function Flare(r:Rectangle) {
rect = r;
initialize();
draw();
}
public function setup(s:uint = 6, u:uint = 8, seg:uint = 8):void {
speed.y = - s;
unit = u;
segments = seg;
}
private function initialize():void {
rPalette = new Array();
gPalette = new Array();
bPalette = new Array();
for (var n:uint = 0; n < 256; n++) {
var luminance:uint = (n < 128) ? n*2 : 0;
//var rgb:Object = ColorUtil.HLS2RGB(n*360/256, luminance, 100);
var rgb:Object = HLS2RGB(n*360/256, luminance, 100);
var color:uint = rgb.r << 16 | rgb.g << 8 | rgb.b;
rPalette[n] = color;
gPalette[n] = 0;
bPalette[n] = 0;
}
blur = new BlurFilter(2, 8, 3);
blendMode = BlendMode.ADD;
}
private function draw():void {
fire = new Rectangle(0, 0, rect.width, rect.height + 10);
flare = new BitmapData(fire.width, fire.height, false, 0xFF000000);
bitmapData = new BitmapData(rect.width, fire.height, false, 0xFF000000);
bitmap = new Bitmap(bitmapData);
addChild(bitmap);
bitmap.x = - rect.width*0.5;
bitmap.y = - rect.height;
var _mask:Shape = new Shape();
_mask.y = - 16;
createEggMask(_mask);
addChild(_mask);
_mask.filters = [new BlurFilter(16, 16, 3)];
_mask.cacheAsBitmap = true;
bitmap.cacheAsBitmap = true;
bitmap.mask = _mask;
}
public function start():void {
addEventListener(Event.ENTER_FRAME, apply, false, 0, true);
}
public function stop():void {
removeEventListener(Event.ENTER_FRAME, apply);
faded = 0;
addEventListener(Event.ENTER_FRAME, clear, false, 0, true);
}
private function apply(evt:Event):void {
flare.lock();
bitmapData.lock();
for (var n:uint = 0; n < segments; n++) {
var px:Number = Math.random()*(rect.width - 20 - unit) + 10;
var range:Rectangle = new Rectangle(px, rect.height, unit, 2)
flare.fillRect(range, 0xFFFFFF);
}
flare.applyFilter(flare, fire, speed, blur);
bitmapData.paletteMap(flare, rect, point, rPalette, gPalette, bPalette);
flare.unlock();
bitmapData.unlock();
}
private function clear(evt:Event):void {
faded ++;
flare.lock();
bitmapData.lock();
flare.applyFilter(flare, fire, speed, blur);
bitmapData.paletteMap(flare, rect, point, rPalette, gPalette, bPalette);
if (faded > 20) {
bitmapData.fillRect(rect, 0x000000);
removeEventListener(Event.ENTER_FRAME, clear);
dispatchEvent(new Event(Flare.COMPLETE));
}
flare.unlock();
bitmapData.unlock();
}
private function createEggMask(target:Shape):void {
var w:Number = rect.width;
var h:Number = rect.height*1.5;
target.graphics.beginFill(0xFFFFFF);
target.graphics.moveTo(-w*0.5, -h*0.2);
target.graphics.curveTo(-w*0.4, -h, 0, -h);
target.graphics.curveTo(w*0.4, -h, w*0.5, -h*0.2);
target.graphics.curveTo(w*0.5, 0, 0, 0);
target.graphics.curveTo(-w*0.5, 0, -w*0.5, -h*0.2);
target.graphics.endFill();
}
private function HLS2RGB(h:Number, l:Number, s:Number):Object{
var max:Number;
var min:Number;
h = (h < 0)? h % 360+360 : (h>=360)? h%360: h;
l = (l < 0)? 0 : (l > 100)? 100 : l;
s = (s < 0)? 0 : (s > 100)? 100 : s;
l *= 0.01;
s *= 0.01;
if (s == 0) {
var val:Number = l*255;
return {r:val, g:val, b:val};
}
if (l < 0.5) {
max = l*(1 + s)*255;
} else {
max = (l*(1 - s) + s)*255;
}
min = (2*l)*255 - max;
return _hMinMax2RGB(h, min, max);
}
private function _hMinMax2RGB(h:Number, min:Number, max:Number):Object{
var r:Number;
var g:Number;
var b:Number;
var area:Number = Math.floor(h/60);
switch(area){
case 0:
r = max;
g = min + h * (max - min)/60;
b = min;
break;
case 1:
r = max - (h - 60)*(max - min)/60;
g = max;
b = min;
break;
case 2:
r = min ;
g = max;
b = min + (h - 120)*(max - min)/60;
break;
case 3:
r = min;
g = max - (h - 180)*(max - min)/60;
b =max;
break;
case 4:
r = min + (h - 240)*(max - min)/60;
g = min;
b = max;
break;
case 5:
r = max;
g = min;
b = max - (h - 300)*(max - min)/60;
break;
case 6:
r = max;
g = min + h*(max - min)/60;
b = min;
break;
}
r = Math.min(255, Math.max(0, Math.round(r)));
g = Math.min(255, Math.max(0, Math.round(g)));
b = Math.min(255, Math.max(0, Math.round(b)));
return {r:r, g:g, b:b};
}
}
//////////////////////////////////////////////////
// Btnクラス
//////////////////////////////////////////////////
import flash.display.Sprite;
import flash.display.Shape;
import flash.text.TextField;
import flash.text.TextFieldType;
import flash.text.AntiAliasType;
import flash.text.TextFormat;
import flash.text.TextFormatAlign;
import flash.filters.GlowFilter;
import flash.events.MouseEvent;
class Btn extends Sprite {
public var id:uint;
private var shade:Shape;
private var bottom:Shape;
private var light:Shape;
private var base:Shape;
private var txt:TextField;
private var label:String = "";
private static var fontType:String = "_ゴシック";
private var _width:uint = 60;
private static var _height:uint = 20;
private static var corner:uint = 5;
private var type:uint = 1;
private static var bColor:uint = 0xFFFFFF;
private static var sColor:uint = 0x000000;
private static var upColor:uint = 0x666666;
private static var overColor:uint = 0x333333;
private static var offColor:uint = 0x999999;
private static var gColor:uint = 0x0099FF;
private var blueGlow:GlowFilter;
private var shadeGlow:GlowFilter;
private var _clicked:Boolean = false;
private var _enabled:Boolean = true;
public function Btn() {
}
public function init(option:Object):void {
if (option.id != undefined) id = option.id;
if (option.label != undefined) label = option.label;
if (option.width != undefined) _width = option.width;
if (option.type != undefined) type = option.type;
draw();
}
private function draw():void {
switch (type) {
case 1 :
bColor = 0xFFFFFF;
sColor = 0x000000;
upColor = 0x666666;
overColor = 0x333333;
offColor = 0x999999;
break;
case 2 :
bColor = 0x000000;
sColor = 0xFFFFFF;
upColor = 0x666666;
overColor = 0x999999;
offColor = 0x333333;
break;
}
blueGlow = new GlowFilter(gColor, 0.6, 5, 5, 2, 3, false, true);
shadeGlow = new GlowFilter(sColor, 0.3, 4, 4, 2, 3, false, true);
shade = new Shape();
bottom = new Shape();
light = new Shape();
base = new Shape();
txt = new TextField();
addChild(shade);
addChild(bottom);
addChild(light);
addChild(base);
addChild(txt);
createBase(shade, _width, _height, corner, sColor);
shade.filters = [shadeGlow];
createBase(bottom, _width, _height, corner, sColor, 0.3);
createBase(light, _width, _height, corner, gColor);
light.filters = [blueGlow];
createBase(base, _width, _height, corner, bColor);
txt.x = -_width*0.5;
txt.y = -_height*0.5;
txt.width = _width;
txt.height = _height - 1;
txt.type = TextFieldType.DYNAMIC;
txt.selectable = false;
//txt.embedFonts = true;
//txt.antiAliasType = AntiAliasType.ADVANCED;
var tf:TextFormat = new TextFormat();
tf.font = fontType;
tf.size = 12;
tf.align = TextFormatAlign.CENTER;
txt.defaultTextFormat = tf;
txt.text = label;
enabled = true;
mouseChildren = false;
}
private function rollOver(evt:MouseEvent):void {
_over();
}
private function rollOut(evt:MouseEvent):void {
_up();
}
private function press(evt:MouseEvent):void {
_down();
}
private function release(evt:MouseEvent):void {
_up();
}
private function click(evt:MouseEvent):void {
}
private function _up():void {
txt.y = -_height*0.5;
txt.textColor = upColor;
base.y = -1;
light.visible = false;
light.y = -1;
}
private function _over():void {
txt.y = -_height*0.5;
txt.textColor = overColor;
base.y = -1;
light.visible = true;
light.y = -1;
}
private function _down():void {
txt.y = -_height*0.5 + 1;
txt.textColor = overColor;
base.y = 0;
light.visible = true;
light.y = 0;
}
private function _off():void {
txt.y = -_height*0.5 + 1;
txt.textColor = offColor;
base.y = 0;
light.visible = false;
light.y = 0;
}
public function get clicked():Boolean {
return _clicked;
}
public function set clicked(param:Boolean):void {
_clicked = param;
enabled = !_clicked;
if (_clicked) {
_down();
} else {
_up();
}
}
public function get enabled():Boolean {
return _enabled;
}
public function set enabled(param:Boolean):void {
_enabled = param;
buttonMode = _enabled;
mouseEnabled = _enabled;
useHandCursor = _enabled;
if (_enabled) {
_up();
addEventListener(MouseEvent.MOUSE_OVER, rollOver, false, 0, true);
addEventListener(MouseEvent.MOUSE_OUT, rollOut, false, 0, true);
addEventListener(MouseEvent.MOUSE_DOWN, press, false, 0, true);
addEventListener(MouseEvent.MOUSE_UP, release, false, 0, true);
addEventListener(MouseEvent.CLICK, click, false, 0, true);
} else {
_off();
removeEventListener(MouseEvent.MOUSE_OVER, rollOver);
removeEventListener(MouseEvent.MOUSE_OUT, rollOut);
removeEventListener(MouseEvent.MOUSE_DOWN, press);
removeEventListener(MouseEvent.MOUSE_UP, release);
removeEventListener(MouseEvent.CLICK, click);
}
}
private function createBase(target:Shape, w:uint, h:uint, c:uint, color:uint, alpha:Number = 1):void {
target.graphics.beginFill(color, alpha);
target.graphics.drawRoundRect(-w*0.5, -h*0.5, w, h, c*2);
target.graphics.endFill();
}
}
//////////////////////////////////////////////////
// Fogsクラス
//////////////////////////////////////////////////
import flash.display.Sprite;
import flash.display.BitmapData;
import flash.display.Bitmap;
import flash.events.Event;
import flash.display.BlendMode;
import flash.geom.Matrix;
import flash.geom.ColorTransform;
import flash.utils.Timer;
import flash.events.TimerEvent;
import org.libspark.betweenas3.BetweenAS3;
import org.libspark.betweenas3.tweens.ITween;
import org.libspark.betweenas3.events.TweenEvent;
import org.libspark.betweenas3.easing.*;
class Fogs extends Sprite {
private var rect:Rectangle;
private var area:Rectangle;
private var bitmapData:BitmapData;
private var bitmap:Bitmap;
private var particles:Array;
private static var radian:Number = Math.PI/180;
private var timer:Timer;
private static var interval:uint = 20;
private static var point:Point = new Point();
public function Fogs(r:Rectangle) {
rect = r;
var bw:uint = rect.width;
var bh:uint = rect.height;
area = new Rectangle(bw*0.3, bh*0.75, bw*0.4, bh*0.25 - 32);
init();
blendMode = BlendMode.SCREEN;
}
private function init():void {
bitmapData = new BitmapData(rect.width, rect.height, true, 0x00000000);
bitmap = new Bitmap(bitmapData);
addChild(bitmap);
particles = new Array();
}
public function start():void {
timer = new Timer(interval);
timer.addEventListener(TimerEvent.TIMER, create, false, 0, true);
timer.start();
addEventListener(Event.ENTER_FRAME, update, false, 0, true);
}
public function stop():void {
if (timer) {
timer.stop();
timer = null;
}
}
private function create(evt:TimerEvent):void {
for (var n:uint = 0; n < 5; n++) {
var fog:Fog = new Fog();
fog.vx = 0;
fog.vy = -10;
var px:Number = area.x + Math.random()*area.width;
var py:Number = area.y + Math.random()*area.height;
var r:Number = Math.atan2(fog.vy, fog.vx);
r += 20*(0.5 - Math.random())*radian;
var tx:Number = Math.cos(r)*(Math.random() + 0.5)*area.width*1.5;
var ty:Number = Math.sin(r)*(Math.random() + 0.5)*area.height*2;
var nx:Number = tx*0.3*Math.random();
var ny:Number = ty*0.3*Math.random();
var itween:ITween = BetweenAS3.tween(fog,
{x: px + tx, y: py + ty, scaleX: 2.5, scaleY: 2.5, alpha: 0, _blurFilter: {blurX: 16, blurY: 16}},
{x: px + nx, y: py + ny, scaleX: 0.8, scaleY: 0.8, alpha: 0.8, _blurFilter: {blurX: 4, blurY: 4, quality: 1}},
1, Cubic.easeOut
);
itween.addEventListener(TweenEvent.COMPLETE, complete, false, 0, true);
itween.play();
particles.push(fog);
}
}
public function update(evt:Event = null):void {
bitmapData.lock();
bitmapData.fillRect(rect, 0x00000000);
for (var n:uint = 0; n < particles.length; n++) {
var fog:Fog = particles[n];
if (fog) {
var matrix:Matrix = new Matrix();
matrix.scale(fog.scaleX, fog.scaleY);
matrix.translate(fog.x, fog.y);
var colorTrans:ColorTransform = new ColorTransform();
colorTrans.alphaMultiplier = fog.alpha;
bitmapData.draw(fog, matrix, colorTrans);
}
}
bitmapData.unlock();
}
private function complete(evt:TweenEvent):void {
evt.target.removeEventListener(TweenEvent.COMPLETE, complete);
//
var fog:Fog = Fog(evt.target.target);
particles.shift();
fog = null;
if (particles.length < 1) {
update();
removeEventListener(Event.ENTER_FRAME, update);
}
}
}
//////////////////////////////////////////////////
// Fogクラス
//////////////////////////////////////////////////
import flash.display.Sprite;
import flash.display.BitmapData;
import flash.display.Bitmap;
import flash.geom.Matrix;
import flash.geom.Rectangle;
import flash.display.GradientType;
import flash.display.SpreadMethod;
import flash.display.InterpolationMethod;
import flash.display.BlendMode;
class Fog extends Sprite {
private static var radius:uint = 16;
private var noise:PerlinNoise;
private static var multiplier:Object = {r: 1, g: 1, b: 1};
private static var offset:Object = {r: 0xFF, g: 0xFF, b: 0xFF};
private var bitmapData:BitmapData;
private var bitmap:Bitmap;
public var px:Number = 0;
public var py:Number = 0;
public var vx:Number = 0;
public var vy:Number = 0;
public function Fog() {
draw();
}
private function draw():void {
var rect:Rectangle = new Rectangle(0, 0, radius*2, radius*2);
noise = new PerlinNoise(rect, radius*0.5, 2, 0);
bitmap = new Bitmap(noise);
bitmap.x = bitmap.y = - radius;
addChild(bitmap);
noise.colorize(multiplier, offset);
//
var circle:Sprite = new Sprite();
var matrix:Matrix = new Matrix();
matrix.createGradientBox(radius*2, radius*2, 0, -radius, -radius);
var colors:Array = [0xFFFFFF, 0xFFFFFF, 0xFFFFFF];
var alphas:Array = [1, 0.7, 0];
var ratios:Array = [0, 161, 255];
circle.graphics.beginGradientFill(GradientType.RADIAL, colors, alphas, ratios, matrix, SpreadMethod.PAD, InterpolationMethod.RGB, 0);
circle.graphics.drawCircle(0, 0, radius);
circle.graphics.endFill();
addChild(circle);
//
circle.cacheAsBitmap = true;
bitmap.cacheAsBitmap = true;
bitmap.mask = circle;
}
}
//////////////////////////////////////////////////
// PerlinNoiseクラス
//////////////////////////////////////////////////
import flash.display.BitmapData;
import flash.geom.Rectangle;
import flash.geom.Point;
import flash.geom.ColorTransform;
class PerlinNoise extends BitmapData {
private var source:BitmapData;
private var base:uint;
private var octaves:uint;
private var seed:uint;
private static var point:Point = new Point();
private var offsets:Array = [point, point];
private var color:ColorTransform;
private static var multiplier:Object = {r: 1, g: 1, b: 1, a: 1};
private static var offset:Object = {r: 0x00, g: 0x00, b: 0x00, a: 0x00};
public function PerlinNoise(rect:Rectangle, b:uint = 20, o:uint = 2, s:uint = 1) {
super(rect.width, rect.height, true, 0x00FFFFFF);
source = new BitmapData(rect.width, rect.height, true, 0x00FFFFFF);
create(b, o, s);
}
public function create(b:uint, o:uint, s:uint):void {
base = b;
octaves = o;
seed = s;
if (seed == 0) seed = Math.floor(Math.random()*1000);
lock();
source.perlinNoise(base, base, octaves, seed, false, true, 0x00FFFFFF, true, offsets);
draw(source);
unlock();
}
public function colorize(m:Object, o:Object):void {
multiplier = m;
offset = o;
color = new ColorTransform(multiplier.r, multiplier.g, multiplier.b, 1, offset.r, offset.g, offset.b, 0);
lock();
draw(source, null, color);
unlock();
}
}