wiggler0xa0

wiggler0xa0

by Eshy Lavi

HTML

<body>
<canvas id="c" width="561" height="379" style="border:4px solid white;"></canvas>
</body>

CSS

body{background-color:black;}
.ps{margin:0;padding:0;}

JavaScript

var c   = document.getElementById('c');
var ctx = c.getContext('2d');
var author = "Eshy Lavi try emailing me at the g."
var _r=243;var _b=228;var _g=213;
var _dg=2;var _dr=1;var _db=3;
var _a=1;
var xs=[];
var ys=[];
var odiss=[];
var diss=[];
var odis;
var N=36;
var theta=0;
var rate=0.1;
var delta=14;
var c_w=document.getElementById('c').width;
var c_h=document.getElementById('c').height;
var maxrad=Math.floor(c_w/2)
var radnow;
var xzero=Math.floor(c_w/2);
var yzero=Math.floor(c_h/2);
var dnf=true;
var oxs=[];var oys=[];
var rnr=0;var nrn=0;var aqa=0;
var fillitv;

function init(){

 for (var i=0;i<N;i++){
  radnow=/*Math.random()**/maxrad;
  theta=(i*360/N);/*+Math.random()*360/N;*/  
  xs.push(xzero+radnow*Math.cos(theta/57.3));
  ys.push(yzero-radnow*Math.sin(theta/57.3));
 }
 for (var ii=1;ii<N;ii++){
  odiss[ii]=Math.sqrt((xs[i]-xs[i-1])*(xs[i]-xs[i-1])+(ys[i]-ys[i-1])*(ys[i]-ys[i-1]));
 }
 odiss[0]=Math.sqrt((xs[0]-xs[N-1])*(ys[0]-ys[N-1])+(ys[0]-ys[N-1])*(ys[0]-ys[N-1]));
 fillitv=-1;


 window.requestAnimationFrame(draw);
}



function draw(){
 ctx.fillStyle='rgba(0,0,0,1)';
 ctx.fillRect(0,0,561,379);
 ctx.fillStyle="rgba("+_r+","+_g+","+_b+","+_a+")";
 ctx.strokeStyle="rgba("+_r+","+_g+","+_b+","+_a+")";
 
 ctx.beginPath();
 ctx.globalCompositeOperation='source-under';
 for (nrn=0;nrn<N;nrn++){
  
  for (rnr=0;rnr<N;rnr++){
   //ctx.lineTo(Math.floor(xs[rnr]),Math.floor(ys[rnr]));
  //ctx.moveTo(Math.floor(xs[nrn]),Math.floor(ys[nrn]));
  ctx.arc(Math.floor(xs[rnr]),Math.floor(ys[nrn]),123,25,2*Math.PI,false);
  
}
ctx.fill();
 
 }
//ctx.lineTo(Math.floor(xs[0]),Math.floor(ys[0]));  
  ctx.stroke();
 if (fillitv==1) ctx.fill();

 while (dnf){
   dnf=false;
   for (rnr=0;rnr<N;rnr++){
     oxs[rnr]=xs[rnr];     oys[rnr]=ys[rnr];
     xs[rnr]=xs[rnr]+Math.random()*(2*rate)-rate;ys[rnr]=ys[rnr]+Math.random()*(2*rate)-rate;
     if (xs[rnr]<0)xs[rnr]=0;   if (xs[rnr]>c_w)xs[rnr]=c_w;
     if (ys[rnr]<0)ys[rnr]=0;   if (ys[rnr]>c_h)ys[rnr]=c_h;
     if...