glw2

//https://github.com/Creativeguru97/YouTube_tutorial/blob/master/p5_hacks/Glow_effect/glowing_shapes/sketch.js by Kazuki Umeda

let a = 0.0;

let inc;

let ltri, lquad, lelli, pquad, pelli, ptri;

function setup(){

  createCanvas(windowWidth, windowHeight);

  colorMode(HSB);

  rectMode(CENTER);

  smooth();

​

  strokeWeight(width*0.003);

  inc = TWO_PI / 42500.0;

  ltri=round(random(width/22,width/3));

  lquad=round(random(width/20,width/2.3));

  lelli=round(random(width/26,width/3));

  pquad=[round(width/2 +random(width/15*-1,width/15)),height/2+random(height/20*-1,height/20),random(TWO_PI)];

  ptri=[round(width/2 +random(width/20*-1,width/20)),height/2+random(height/20*-1,height/20),random(TWO_PI)];

  pelli=[round(width/2 +random(width/12*-1,width/12)),height/2+random(height/20*-1,height/20),round(random(1))];

}

​

function draw(){

  background(5);

​

  let sx= sin(millis*0.000008)*5;

  push();

  translate(pelli[0], pelli[1]);

  if (pelli[2]==1) {noFill();}

  else {fill(39, 74, 100);}

  stroke(39, 74, 100);

  drawingContext.shadowBlur = 20;

  drawingContext.shadowColor = color(39, 74, 100,255);

  ellipse(0,0, lelli, lelli);

  ellipse(0,0, lelli, lelli);

  ellipse(0,0, lelli, lelli);

  pop();

  noFill();

  push();

  translate(pquad[0], pquad[1]);

  rotate(pquad[2]+sin(a*0.008)*100);

  stroke(205, 98, 100);

  drawingContext.shadowBlur = 80;

  drawingContext.shadowColor = color(205, 98, 100,10);

  rect(0,0, lquad, lquad);

  rect(0,0, lquad, lquad);

  rect(0,0, lquad, lquad);

  pop();

  push();

  //

​

  translate(ptri[0], ptri[1]);

  rotate(ptri[2]+sin(a*0.008)*100*-1);

  stroke(338, 92, 85);

  drawingContext.shadowBlur = 90;

  drawingContext.shadowColor = color(338, 92, 85);

  triangle(-1*ltri,ltri,ltri,ltri,0,ltri*0.9*-1);

  triangle(-1*ltri,ltri,ltri,ltri,0,ltri*0.9*-1);

  triangle(-1*ltri,ltri,ltri,ltri,0,ltri*0.9*-1);

  pop();

   a = a + inc;

}