gadget - OpenProcessing

mySketch
xxxxxxxxxx
 
// repro of ElderFox end-title
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  pixelDensity(2);
  mouseX = width/2;
  mouseY = height/2;
}
​
function draw() {
  background(0,0,50);
  
  // First, render the main box and shadow
  noStroke();
  fill(0,0,40);
  rect(mouseX-150+10, mouseY-100-10, 300,200); //shadow
  fill(0,0,130);
  rect(mouseX-150, mouseY-100, 300,200); // main box
  
  // Next, render the left line
  stroke(255);
  strokeWeight(6);
  strokeCap(PROJECT);
  line(mouseX-160,mouseY-110, mouseX-160,mouseY); // left top
  strokeCap(ROUND);
  line(mouseX-160,mouseY-110, mouseX-130,mouseY-110);
  line(mouseX-160,mouseY, mouseX-windowWidth,mouseY);
  
  // Finally, render the right line
  strokeCap(PROJECT);
  line(mouseX+160,mouseY+110, mouseX+160,mouseY); // right bot
  strokeCap(ROUND);
  line(mouseX+160,mouseY+110, mouseX+130,mouseY+110);
  line(mouseX+160,mouseY, mouseX+windowWidth,mouseY);
}