/**
* @author mousman
*/
(function(){
//**********************************************************************************************/
// FastSimplexNoise by Stefan Gustavson
//**********************************************************************************************/
function FastSimplexNoise(a){
/*
* A speed-improved simplex noise algorithm for 2D, 3D and 4D in JavaScript.
*
* Based on example code by Stefan Gustavson (stegu@itn.liu.se).
* Optimisations by Peter Eastman (peastman@drizzle.stanford.edu).
* Better rank ordering method by Stefan Gustavson in 2012.
*
* This code was placed in the public domain by its original author,
* Stefan Gustavson. You may use it as you see fit, but
* attribution is appreciated.
*/
if(a||(a={}),this.amplitude=a.amplitude||1,this.frequency=a.frequency||1,this.octaves=parseInt(a.octaves||1),this.persistence=a.persistence||.5,this.random=a.random||Math.random,"number"==typeof a.min&&"number"==typeof a.max)if(a.min>=a.max)console.error("options.min must be less than options.max");else{var b=parseFloat(a.min),c=parseFloat(a.max),d=c-b;this.scale=function(a){return b+(a+1)/2*d}}var e,f=new Uint8Array(256);for(e=0;256>e;e++)f[e]=e;var g,h;for(e=255;e>0;e--)g=Math.floor((e+1)*this.random()),h=f[e],f[e]=f[g],f[g]=h;for(this.perm=new Uint8Array(512),this.permMod12=new Uint8Array(512),e=0;512>e;e++)this.perm[e]=f[255&e],this.permMod12[e]=this.perm[e]%12}FastSimplexNoise.G2=(3-Math.sqrt(3))/6,FastSimplexNoise.G3=1/6,FastSimplexNoise.G4=(5-Math.sqrt(5))/20,FastSimplexNoise.GRADIENTS_3D=[[1,1,0],[-1,1,0],[1,-1,0],[-1,-1,0],[1,0,1],[-1,0,1],[1,0,-1],[-1,0,-1],[0,1,1],[0,-1,-1],[0,1,-1],[0,-1,-1]],FastSimplexNoise.GRADIENTS_4D=[[0,1,1,1],[0,1,1,-1],[0,1,-1,1],[0,1,-1,-1],[0,-1,1,1],[0,-1,1,-1],[0,-1,-1,1],[0,-1,-1,-1],[1,0,1,1],[1,0,1,-1],[1,0,-1,1],[1,0,-1,-1],[-1,0,1,1],[-1,0,1,-1],[-1,0,-1,1],[-1,0,-1,-1],[1,1,0,1],[1,1,0,-1],[1,-1,0,1],[1,-1,0,-1],[-1,1,0,1],[-1,1,0,-1],[-1,-1,0,1],[-1,-1,0,-1],[1,1,1,0],[1,1,-1,0],[1,-1,1,0],[1,-1,-1,0],[-1,1,1,0],[-1,1,-1,0],[-1,-1,1,0],[-1,-1,-1,0]],FastSimplexNoise.dot2D=function(a,b,c){return a[0]*b+a[1]*c},FastSimplexNoise.dot3D=function(a,b,c,d){return a[0]*b+a[1]*c+a[2]*d},FastSimplexNoise.dot4D=function(a,b,c,d,e){return a[0]*b+a[1]*c+a[2]*d+a[3]*e},FastSimplexNoise.prototype.get2DNoise=function(a,b){for(var c=this.amplitude,d=this.frequency,e=0,f=0,g=this.persistence,h=0;h<this.octaves;h++)f+=this.getRaw2DNoise(a*d,b*d)*c,e+=c,c*=g,d*=2;var i=f/e;return this.scale?this.scale(i):i},FastSimplexNoise.prototype.get3DNoise=function(a,b,c){for(var d=this.amplitude,e=this.frequency,f=0,g=0,h=this.persistence,i=0;i<this.octaves;i++)g+=this.getRaw3DNoise(a*e,b*e,c*e)*d,f+=d,d*=h,e*=2;var j=g/f;return this.scale?this.scale(j):j},FastSimplexNoise.prototype.get4DNoise=function(a,b,c,d){for(var e=this.amplitude,f=this.frequency,g=0,h=0,i=this.persistence,j=0;j<this.octaves;j++)h+=this.getRaw4DNoise(a*f,b*f,c*f,d*f)*e,g+=e,e*=i,f*=2;var k=h/g;return this.scale?this.scale(k):k},FastSimplexNoise.prototype.getCylindrical2DNoise=function(a,b,c){var d=b/a,e=a/(2*Math.PI),f=2*d*Math.PI,g=e*Math.sin(f),h=e*Math.cos(f);return this.get3DNoise(g,h,c)},FastSimplexNoise.prototype.getCylindrical3DNoise=function(a,b,c,d){var e=b/a,f=a/(2*Math.PI),g=2*e*Math.PI,h=f*Math.sin(g),i=f*Math.cos(g);return this.get4DNoise(h,i,c,d)},FastSimplexNoise.prototype.getRaw2DNoise=function(a,b){var c,d,e,f,g,h=FastSimplexNoise.G2,i=FastSimplexNoise.dot2D,j=FastSimplexNoise.GRADIENTS_3D,k=this.perm,l=this.permMod12,m=.5*(a+b)*(Math.sqrt(3)-1),n=Math.floor(a+m),o=Math.floor(b+m),p=(n+o)*h,q=n-p,r=o-p,s=a-q,t=b-r;s>t?(f=1,g=0):(f=0,g=1);var u=s-f+h,v=t-g+h,w=s-1+2*h,x=t-1+2*h,y=255&n,z=255&o,A=l[y+k[z]],B=l[y+f+k[z+g]],C=l[y+1+k[z+1]],D=.5-s*s-t*t;0>D?c=0:(D*=D,c=D*D*i(j[A],s,t));var E=.5-u*u-v*v;0>E?d=0:(E*=E,d=E*E*i(j[B],u,v));var F=.5-w*w-x*x;return 0>F?e=0:(F*=F,e=F*F*i(j[C],w,x)),70.14805770653952*(c+d+e)},FastSimplexNoise.prototype.getRaw3DNoise=function(a,b,c){var d,e,f,g,h,i,j,k,l,m,n=FastSimplexNoise.dot3D,o=FastSimplexNoise.GRADIENTS_3D,p=FastSimplexNoise.G3,q=this.perm,r=this.permMod12,s=(a+b+c)/3,t=Math.floor(a+s),u=Math.floor(b+s),v=Math.floor(c+s),w=(t+u+v)*p,x=t-w,y=u-w,z=v-w,A=a-x,B=b-y,C=c-z;A>=B?B>=C?(h=1,i=0,j=0,k=1,l=1,m=0):A>=C?(h=1,i=0,j=0,k=1,l=0,m=1):(h=0,i=0,j=1,k=1,l=0,m=1):C>B?(h=0,i=0,j=1,k=0,l=1,m=1):C>A?(h=0,i=1,j=0,k=0,l=1,m=1):(h=0,i=1,j=0,k=1,l=1,m=0);var D=A-h+p,E=B-i+p,F=C-j+p,G=A-k+2*p,H=B-l+2*p,I=C-m+2*p,J=A-1+3*p,K=B-1+3*p,L=C-1+3*p,M=255&t,N=255&u,O=255&v,P=r[M+q[N+q[O]]],Q=r[M+h+q[N+i+q[O+j]]],R=r[M+k+q[N+l+q[O+m]]],S=r[M+1+q[N+1+q[O+1]]],T=.5-A*A-B*B-C*C;0>T?d=0:(T*=T,d=T*T*n(o[P],A,B,C));var U=.5-D*D-E*E-F*F;0>U?e=0:(U*=U,e=U*U*n(o[Q],D,E,F));var V=.5-G*G-H*H-I*I;0>V?f=0:(V*=V,f=V*V*n(o[R],G,H,I));var W=.5-J*J-K*K-L*L;return 0>W?g=0:(W*=W,g=W*W*n(o[S],J,K,L)),94.68493150681971*(d+e+f+g)},FastSimplexNoise.prototype.getRaw4DNoise=function(a,b,c,d){var e,f,g,h,i,j=FastSimplexNoise.dot4D,k=FastSimplexNoise.GRADIENTS_4D,l=FastSimplexNoise.G4,m=this.perm,n=(this.permMod12,(a+b+c+d)*(Math.sqrt(5)-1)/4),o=Math.floor(a+n),p=Math.floor(b+n),q=Math.floor(c+n),r=Math.floor(d+n),s=(o+p+q+r)*l,t=o-s,u=p-s,v=q-s,w=r-s,x=a-t,y=b-u,z=c-v,A=d-w,B=0,C=0,D=0,E=0;x>y?B++:C++,x>z?B++:D++,x>A?B++:E++,y>z?C++:D++,y>A?C++:E++,z>A?D++:E++;var F,G,H,I,J,K,L,M,N,O,P,Q;F=B>=3?1:0,G=C>=3?1:0,H=D>=3?1:0,I=E>=3?1:0,J=B>=2?1:0,K=C>=2?1:0,L=D>=2?1:0,M=E>=2?1:0,N=B>=1?1:0,O=C>=1?1:0,P=D>=1?1:0,Q=E>=1?1:0;var R=x-F+l,S=y-G+l,T=z-H+l,U=A-I+l,V=x-J+2*l,W=y-K+2*l,X=z-L+2*l,Y=A-M+2*l,Z=x-N+3*l,$=y-O+3*l,_=z-P+3*l,aa=A-Q+3*l,ba=x-1+4*l,ca=y-1+4*l,da=z-1+4*l,ea=A-1+4*l,fa=255&o,ga=255&p,ha=255&q,ia=255&r,ja=m[fa+m[ga+m[ha+m[ia]]]]%32,ka=m[fa+F+m[ga+G+m[ha+H+m[ia+I]]]]%32,la=m[fa+J+m[ga+K+m[ha+L+m[ia+M]]]]%32,ma=m[fa+N+m[ga+O+m[ha+P+m[ia+Q]]]]%32,na=m[fa+1+m[ga+1+m[ha+1+m[ia+1]]]]%32,oa=.5-x*x-y*y-z*z-A*A;0>oa?e=0:(oa*=oa,e=oa*oa*j(k[ja],x,y,z,A));var pa=.5-R*R-S*S-T*T-U*U;0>pa?f=0:(pa*=pa,f=pa*pa*j(k[ka],R,S,T,U));var qa=.5-V*V-W*W-X*X-Y*Y;0>qa?g=0:(qa*=qa,g=qa*qa*j(k[la],V,W,X,Y));var ra=.5-Z*Z-$*$-_*_-aa*aa;0>ra?h=0:(ra*=ra,h=ra*ra*j(k[ma],Z,$,_,aa));var sa=.5-ba*ba-ca*ca-da*da-ea*ea;return 0>sa?i=0:(sa*=sa,i=sa*sa*j(k[na],ba,ca,da,ea)),72.37855765153664*(e+f+g+h+i)},FastSimplexNoise.prototype.getSpherical2DNoise=function(a,b,c){var d=b/a,e=c/a,f=2*d*Math.PI,g=e*Math.PI,h=Math.sin(g+Math.PI),i=2*Math.PI,j=i*Math.sin(f)*h,k=i*Math.cos(f)*h,l=i*Math.cos(g);return this.get3DNoise(j,k,l)},FastSimplexNoise.prototype.getSpherical3DNoise=function(a,b,c,d){var e=b/a,f=c/a,g=2*e*Math.PI,h=f*Math.PI,i=Math.sin(h+Math.PI),j=2*Math.PI,k=j*Math.sin(g)*i,l=j*Math.cos(g)*i,m=j*Math.cos(h);return this.get4DNoise(k,l,m,d)},"undefined"!=typeof define&&define.amd&&define(function(){return FastSimplexNoise}),"undefined"!=typeof exports&&(exports.FastSimplexNoise=FastSimplexNoise),"undefined"!=typeof module&&(module.exports=FastSimplexNoise);
//**********************************************************************************************/
// start of particles code (mousman)
//**********************************************************************************************/
function Particle(px, py){
this.x = px;
this.y = py;
this.ax = 0;
this.ay = 0;
this.vx = 0;
this.vy = 0;
}
function ECosmicParticules (width, height, canvas) {
this.canvas = canvas;
this.context = canvas.getContext("2d");
this._width = width || 465;
this._height = height || 465;
this.redGrid = []; // a simplex-noise grid for red color channel
this.greenGrid = []; // a simplex-noise grid for green color channel
this.particles = [];
this.compteur = 10;
this._particle_number = 16000;
this._flux = 100;
this._particuleColor = 0xfff000;
this._particuleRedColor = parseInt (this._particuleColor & 0xff0000) >> 16;
this._particuleGreenColor = parseInt ((this._particuleColor & 0x00ff00)) >> 8;
this._particuleBlueColor = this._particuleColor & 0x0000ff;
this._xForce = 0.0003;
this._yForce = 0.0003;
this._ax = 0.95;
this._ay = 0.92;
this._vx = 0.95;
this._vy = 0.92;
this._imageData = this.context.createImageData(this._width, this._height);
var nbPixels = this._imageData.data.length;
var pixelsData = this._imageData.data;
for (i=0; i < nbPixels ; i += 4){
pixelsData[i+0] = 0;
pixelsData[i+1] = 0;
pixelsData[i+2] = 0;
pixelsData[i+3] =0xff;
}
this.context.putImageData(this._imageData,0,0);
}
//**********************************************************************************************/
ECosmicParticules.prototype.start = function(){
var self = this;
this.reset();
this.generateGreenSimplex();
this.generateRedSimplex();
TweenLite.delayedCall(3,this.simplexLoop,null,this);
window.requestAnimationFrame(function(){self.onFrame()});
}
//**********************************************************************************************/
ECosmicParticules.prototype.onFrame = function() {
var nbPixels = this._imageData.data.length;
var pixelsData = this._imageData.data;
var nb = this.compteur;
var i,j;
var p;
var pixelIndex;
var ip2,ip3,ip4;
var px,py;
for( i = 0; i < nb; i++){
var p = this.particles[i];
px = parseInt(p.x);
py = parseInt(p.y);
var red = this.redGrid[px][py] -64;
var green = this.greenGrid[px][py] -64;
p.ax += red * this._xForce;
p.ay += green * this._yForce;
p.x += p.vx += p.ax;
p.y += p.vy += p.ay;
if ( p.x > this._width ) {
p.vx = p.ax = -1;
p.vy = p.ay = Math.random();
p.x = this._width - Math.random()* this._width/4;
}
else if ( p.x < 0 ) {
p.vx = p.ax = -1;
p.vy = p.ay = Math.random();
p.x = this._width - Math.random()* this._width/4;
}
if ( p.y >= this._height ) {
p.vx = p.ax = -1;
p.vy = p.ay = Math.random();
p.x = this._width - Math.random()* this._width/4;
p.y = Math.random() * this._height;
}
else if ( p.y < 40 ) {
p.vx = p.ax = -1;
p.vy = p.ay = Math.random();
p.x = this._width - Math.random()* this._width/4;
p.y = Math.random() * this._height;
}
pixelIndex = parseInt(( parseInt(p.y)*this._width + p.x )) * 4;
pixelsData[pixelIndex] = (this._particuleRedColor & 0xaa) + Math.random()*0x55;
pixelsData[pixelIndex+1] = (this._particuleGreenColor & 0xaa) + Math.random()*0x55;
pixelsData[pixelIndex+2] = (this._particuleBlueColor & 0xaa) + Math.random()*0x55;
p.ax *= this._ax;
p.ay *= this._ay;
p.vx *= this._vx;
p.vy *= this._vy;
}
// not throwing all particles at once at the begining
if (this.compteur < this._particle_number) {
var flux = ( ( this.compteur + this._flux) > this._particle_number ) ? this._particle_number- this.compteur: this._flux;
for ( j = this.compteur; j < (this.compteur + flux); j++) {
this.particles[j] = new Particle( this._width - Math.random()* this._width/4, Math.random() * this._height);
}
this.compteur += flux;
}
for (i=0; i < nbPixels ; i += 4){
pixelsData[i] = pixelsData[i]*0.93;
pixelsData[i+1] = pixelsData[i+1]*0.96;
pixelsData[i+2] = pixelsData[i+2]*0.93;
// fast blurring (kind of) ( 4 pixels matrix )
ip2 = ( (i+4) < nbPixels) ? i+4 : i-4;
ip3 = ( ( i+this._width*4 ) < nbPixels) ? i+this._width*4 : i-this._width*4;
ip4 = ( ( i-4-this._width*4 ) > 0) ? i-4-this._width*4 : i-4+this._width*4;
pixelsData[i] = (pixelsData[i] + pixelsData[ip2] + pixelsData[ip3] + pixelsData[ip4]) >> 2;
pixelsData[i+1] = (pixelsData[i+1] + pixelsData[ip2+1]+ pixelsData[ip3+1] + pixelsData[ip4+1]) >> 2;
pixelsData[i+2] = (pixelsData[i+2] + pixelsData[ip2+2]+ pixelsData[ip3+2] + pixelsData[ip4+2]) >> 2;
pixelsData[ip4] = pixelsData[ip3] = pixelsData[ip2] = pixelsData[i];
pixelsData[ip4+1] = pixelsData[ip3+1] = pixelsData[ip2+1] = pixelsData[i+1];
pixelsData[ip4+2] = pixelsData[ip3+2] = pixelsData[ip2+2] = pixelsData[i+2];
}
this.context.putImageData(this._imageData,0,0);
self = this;
window.requestAnimationFrame(function(){self.onFrame()});
}
//**********************************************************************************************/
ECosmicParticules.prototype.reset = function(){
this.greenGrid = new Array(this._width);
this.redGrid = new Array(this._width);
for (var x = 0; x < this._width; x++) {
this.greenGrid[x] = [];
this.redGrid[x] = [];
for (var y = 0; y < this._height; y++) {
this.greenGrid[x][y] = 0;
this.redGrid[x][y] = 0;
}
}
this.particles = [];
for( var i = 0; i < this._flux; i++){
this.particles[i] = new Particle( this._width - Math.random()* this._width/4, Math.random() * this._height );
this.particles[i].x = this.particles[i].x;
this.particles[i].y = this.particles[i].y;
}
this.compteur = this._flux;
}
//**********************************************************************************************/
ECosmicParticules.prototype.simplexLoop = function() {
this.generateGreenSimplex();
TweenLite.delayedCall(2,this.generateRedSimplex,null,this);
TweenLite.delayedCall(4,this.simplexLoop,null,this);
}
//**********************************************************************************************/
ECosmicParticules.prototype.generateGreenSimplex = function() {
var x,y,i;
var noise;
var greenNoiseGen = new FastSimplexNoise({
frequency: 0.01,
max: 0xff,
min: 0,
octaves: 8
});
var redNoiseGen = new FastSimplexNoise({
frequency: 0.01,
max: 0xff,
min: 0,
octaves: 8
});
for (x = 0; x < this._width/2; x+=2) {
for (y = 0; y < this._height; y+=2) {
noise = greenNoiseGen.get2DNoise(x, y);
this.greenGrid[x][y] = greenNoiseGen.get2DNoise(x, y);
this.greenGrid[x+1][y] = noise;
this.greenGrid[x+1][y+1] = noise;
this.greenGrid[x][y+1] = noise;
}
}
}
//**********************************************************************************************/
ECosmicParticules.prototype.generateRedSimplex = function() {
var x,y,i;
var noise;
var redNoiseGen = new FastSimplexNoise({
frequency: 0.01,
max: 0xff,
min: 0,
octaves: 8
});
for (x = 0; x < this._width/2; x+=2) {
for (y = 0; y < this._height; y+=2) {
noise = redNoiseGen.get2DNoise(x, y);
this.redGrid[x][y] = noise;
this.redGrid[x+1][y] = noise;
this.redGrid[x+1][y+1] = noise;
this.redGrid[x][y+1] = noise;
}
}
}
//**********************************************************************************************/
var canvas = document.getElementById("mon_canvas");
var context = canvas.getContext("2d");
var _cosmic = new ECosmicParticules(800, 600, canvas);
_cosmic.start();
})();
!
