Modified for 1920x1200 screensaver resolution
* Added varying colours and colorTransforms
* Fixed looping problem with missing pixels
* Increased force pattern complexity
* Increased draw steps for each move of each particle
*
/**
*
* Modified for 1920x1200 screensaver resolution
* Added varying colours and colorTransforms
* Fixed looping problem with missing pixels
* Increased force pattern complexity
* Increased draw steps for each move of each particle
*
*/
package {
import flash.display.Sprite;
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.display.BlendMode;
import flash.events.Event;
import flash.filters.BlurFilter;
import flash.geom.ColorTransform;
import flash.geom.Matrix;
import flash.geom.Point;
import flash.utils.ByteArray;
import flash.display.StageDisplayState;
import flash.events.MouseEvent;
[SWF(width="1920", height="1200", frameRate="30", backgroundColor="#000000")]
public class particle_wave extends Sprite {
//View
protected var canvas:BitmapData;
protected var canvasBitmap:Bitmap;
//BitmapData that contains the actual froce that is applied to particles.
protected var forceMap:BitmapData;
//BitmapData that contains the force of the storm.
protected var stormMap0:BitmapData;
protected var stormMap1:BitmapData;
//BitmapData that contains the mouse repulsion force of the stage.
protected var repulsionMap:BitmapData;
protected var repulsionHistoryMap:BitmapData;
protected var repulsionFadeMap:BitmapData;
//the number of particles. 5000-200000
protected var particleNum:int = 10000;
protected var particles:Vector.<Particle>
protected var particleForceScale:Number = 0.0025;
protected var particleColorScale:Number = 20;
protected var trailDetail:Number = 10;
//
protected var stormScaleRatioX:Number;
protected var stormScaleRatioY:Number;
protected var stormCycle:Number = 0;
//color transform that guradually changes canvas.
protected var fadeCanvasColt:ColorTransform;
protected var canvasBlurFilter:BlurFilter;
//temporaly variables
protected var tempColt:ColorTransform = new ColorTransform();
protected var tempPt:Point = new Point();
protected var tempMat:Matrix = new Matrix();
//
protected var colTransR:Number;
protected var colTransG:Number;
protected var colTransB:Number;
protected var colTransTargetR:Number;
protected var colTransTargetG:Number;
protected var colTransTargetB:Number;
public function particle_wave() {
//Wonderfl.capture_delay(5);
init();
reset();
}
protected function init():void
{
//build View
canvasBitmap = new Bitmap(null, "auto", false);
addChild(canvasBitmap);
//initialize the map that contains force of the storm;
stormMap0 = new BitmapData(256,256,false,0x000000);
stormMap0.perlinNoise(128,128,5,Math.random()*100,true,true,3,false);
stormMap1 = new BitmapData(256,256,false,0x000000);
stormMap1.perlinNoise(128,128,5,Math.random()*100,true,true,3,false);
//
forceMap = new BitmapData(256,256,false,0x000000);
//initialize repulsionMap
repulsionHistoryMap = new BitmapData(256,256,false,0x000000);
repulsionFadeMap = new BitmapData(256,256,true,0x20808000);
repulsionMap = new BitmapData(256,256,false,0);
//
colTransR = 0;
colTransG = 0;
colTransB = 0;
colTransTargetR = 0.5+Math.random()*1.5;
colTransTargetG = 0.5+Math.random()*1.5;
colTransTargetB = 0.5+Math.random()*1.5;
/**
* First we preculculate the repulsion force field that mouse cursor generates as a bitmapdata.
* Red channel of bitmap data contains horizontal force.
* Green channel of bitmap data contains vertical force.
*/
var dx:int, dy:int;
var dist:Number, fx:Number, fy:Number;
var col:int;
for(var yy:int=0; yy<256; yy++)
{
for(var xx:int=0; xx<256; xx++){
dx = xx-128;
dy = yy-128;
dist = Math.sqrt(dx*dx+dy*dy);
if(dist<1){
fx = 0;
fy = 0;
}else{
fx = dx / dist / dist / dist * 100;
fy = dy / dist / dist / dist * 100;
}
fx = (fx<-128)? -128 : (fx>127)? 127 : fx;
fy = (fy<-128)? -128 : (fy>127)? 127 : fy;
fx += 128;
fy += 128;
col = (fx<<16) + (fy<<8)
trace(fx<<16);
repulsionMap.setPixel(xx,yy,col);
}
}
//You can see
canvasBitmap.bitmapData = repulsionMap;
//initialize particle
particles = new Vector.<Particle>(particleNum);
var particle:Particle;
var rr:int;
for(var i:int=0; i<particleNum; i++)
{
particle = new Particle();
particle.x = Math.random() * stage.stageWidth;
particle.y = Math.random() * stage.stageHeight;
//Customize the rage of the scaleFactor according to the amount of the particle and stage size.
particles[i] = particle;
particle.vfri = 0.98+Math.random()*0.01;
}
fadeCanvasColt = new ColorTransform(1,1,1,1,-8-Math.random()*8,-8-Math.random()*8,-8-Math.random()*8,0);
canvasBlurFilter = new BlurFilter(1.3,1.3,1);
//
stage.addEventListener(MouseEvent.CLICK,function(e:Event):void{stage.displayState=(StageDisplayState.FULL_SCREEN==stage.displayState)?StageDisplayState.NORMAL:StageDisplayState.FULL_SCREEN});
//set event listeners
stage.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
stage.addEventListener(Event.RESIZE, resizeHandler);
}
/**
*
* Called when you need reset the view. E.G. resizing screen.
*/
protected function reset():void
{
if(canvas)
canvas.dispose();
//build view, to optimize we use 25% size BitmapData of actual screensize.
canvas = new BitmapData(stage.stageWidth, stage.stageHeight, false, 0x000000);
canvasBitmap.bitmapData = canvas;
//precalculate ratio that converts screen coordinate to stomMapBitmap coodinate;
stormScaleRatioX = 1 / stage.stageWidth*255;
stormScaleRatioY = 1 / stage.stageHeight*255;
//canvasBitmap.bitmapData = stormMap1; //if you want to see stormMap;
//canvasBitmap.bitmapData = repulsionHistoryMap;
//canvasBitmap.bitmapData = forceMap; //if you want to see forceMap;
}
//We rebuild screen when swf is reseized.
//It is not required if you only run it on wonderfl.
protected function resizeHandler(e:Event):void
{
reset();
}
//Update storm and particle every frame.
protected function enterFrameHandler(e:Event):void
{
updateStormMap();
updateRepulsionMap();
updateForceMap();
updateParticles();
}
/**
* We calculate current forcefielde's state by blending two stormMap.
* Therefore force field gradually changes every frame.
*/
protected function updateStormMap():void
{
stormCycle++;
if(stormCycle == 180){
stormMap0.perlinNoise(128,128,5,Math.random()*100,true,true,3,false);
}else if(stormCycle==360){
stormMap1.perlinNoise(128,128,5,Math.random()*100,true,true,3,false);
colTransTargetR = 0.5+Math.random()*1.5;
colTransTargetG = 0.5+Math.random()*1.5;
colTransTargetB = 0.5+Math.random()*1.5;
fadeCanvasColt = new ColorTransform(1,1,1,1,-8-Math.random()*8,-8-Math.random()*8,-8-Math.random()*8,0);
stormCycle = 0;
}
}
/**
* We update repulsionMap according to the current mouse position.
*/
protected function updateRepulsionMap():void
{
tempMat.a = 1;
tempMat.b = 0;
tempMat.c = 0;
tempMat.d = 1;
tempMat.tx = 0;
tempMat.ty = 0;
repulsionHistoryMap.draw(repulsionFadeMap, tempMat);
tempMat.translate(-128,-128);
tempMat.scale(1/stormScaleRatioX, 1/stormScaleRatioY);
tempMat.translate(mouseX*stormScaleRatioX, mouseY*stormScaleRatioY);
repulsionHistoryMap.draw(repulsionMap, tempMat, null, BlendMode.HARDLIGHT);
}
protected function updateForceMap():void
{
//generate current force fieldes state with blending two stormMaps.
forceMap.copyPixels(stormMap1, stormMap0.rect, tempPt);
tempColt.alphaMultiplier = Math.cos(stormCycle*Math.PI/180)*0.5+0.5;
forceMap.draw(stormMap0, null, tempColt);
//add mouse repulsion force
//forceMap.draw(repulsionHistoryMap,null,null,BlendMode.HARDLIGHT);
colTransR += (colTransTargetR-colTransR)/50;
colTransG += (colTransTargetG-colTransG)/50;
colTransB += (colTransTargetB-colTransB)/50;
}
protected function updateParticles():void
{
var forceBytes:ByteArray = forceMap.getPixels(forceMap.rect);
var stageW:int = canvas.width;
var stageH:int = canvas.height;
var loopW:int = stageW-1;
var loopH:int = stageH-1;
var byteIndex:int;
canvas.lock();
canvas.colorTransform(canvas.rect, fadeCanvasColt);
//Update Paritcle position and draw.
var col:int, r:int, g:int, b:int;
for(var i:int=0; i<particleNum; i++)
{
var prt:Particle = particles[i];
byteIndex = (int(prt.y*stormScaleRatioY)*256 + int(prt.x*stormScaleRatioX))<<2;
prt.vx = prt.vx * prt.vfri + (forceBytes[byteIndex+1]-128)*particleForceScale;
prt.vy = prt.vy * prt.vfri + (forceBytes[byteIndex+2]-128)*particleForceScale;
//detail for smooth trails
for(var j:int=0; j<trailDetail; j++){
prt.x += prt.vx*(1/trailDetail);
prt.y += prt.vy*(1/trailDetail);
if(prt.x<0){
prt.x += loopW;
}else if(prt.x > loopW){
prt.x -= loopW;
}
if(prt.y<0){
prt.y += loopH;
}else if(prt.y > loopH){
prt.y -= loopH;
}
//Self implimentation of addtive color blend mode.
//Because there is too many particle, blending particle with low brightness color is much effective.
col = canvas.getPixel(int(prt.x), int(prt.y));
r = (col>>16&0xff) + particleColorScale * colTransR;
g = (col>>8&0xff) + particleColorScale * colTransG;
b = (col&0xff) + particleColorScale * colTransB;
r = (r<0xff)? r : 0xff;
g = (g<0xff)? g : 0xff;
b = (b<0xff)? b : 0xff;
canvas.setPixel(int(prt.x), int(prt.y), (r<<16)|(g<<8)|b);
}
}
//canvas.applyFilter(canvas, canvas.rect, tempPt, canvasBlurFilter);
canvas.unlock();
}
}
}
class Particle
{
//particle position
public var x:Number = 0;
public var y:Number = 0;
public var vx:Number = 0;
public var vy:Number = 0;
//friction
public var vfri:Number = 1;
}