Storytelling - OpenProcessing

mySketch
xxxxxxxxxx
 
let a = 50
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  colorMode(HSB, 360, 100, 100, 100);
  background(0, 0, 0);
  noCursor();
}
​
function draw() {
  background(360, 0, 0, 1)
  //line(mouseX, mouseY, mouseY/mouseX, mouseX);
​
​
  //experiment
  /*
  line(mouseX+a, mouseY+a, mouseY/mouseX+a, mouseX+a);
  line(mouseX+a*2, mouseY+a*2, mouseY/mouseX+a*2, mouseX+a*2);
  line(mouseX+a*3, mouseY+a*3, mouseY/mouseX+a*3, mouseX+a*3);
  line(mouseX+a*4, mouseY+a*4, mouseY/mouseX+a*4, mouseX+a*4);
  line(mouseX+a*5, mouseY+a*5, mouseY/mouseX+a*5, mouseX+a*5);
  line(mouseX+a*6, mouseY+a*6, mouseY/mouseX+a*6, mouseX+a*6);
  line(mouseX+a*7, mouseY+a*7, mouseY/mouseX+a*7, mouseX+a*7);
  line(mouseX+a*8, mouseY+a*8, mouseY/mouseX+a*8, mouseX+a*8);
  line(mouseX+a*9, mouseY+a*9, mouseY/mouseX+a*9, mouseX+a*9);
  */
/*
  //string art, funktioniert schon
//translate(windowWidth/2, windowHeight/2);
  line(0, mouseY, mouseX, 0);
  line(0, mouseY - a, mouseX - a, 0);
  line(0, mouseY - 2 * a, mouseX - 2 * a, 0);
  line(0, mouseY - 3 * a, mouseX - 3 * a, 0);
  line(0, mouseY - 4 * a, mouseX - 4 * a, 0);
  line(0, mouseY - 5 * a, mouseX - 5 * a, 0);
  line(0, mouseY - 6 * a, mouseX - 6 * a, 0);
  line(0, mouseY - 7 * a, mouseX - 7 * a, 0);
  */
​
​
  
  translate(200, 200)
  r = map(mouseX * mouseY, 0, windowWidth * windowHeight, 0, PI);
  rotate(r);
  
  line(0, mouseY, mouseX, 0);
  line(0, mouseY - a, mouseX - a, 0);
  line(0, mouseY - 2 * a, mouseX - 2 * a, 0);
  line(0, mouseY - 3 * a, mouseX - 3 * a, 0);
  line(0, mouseY - 4 * a, mouseX - 4 * a, 0);
  line(0, mouseY - 5 * a, mouseX - 5 * a, 0);
  line(0, mouseY - 6 * a, mouseX - 6 * a, 0);
  line(0, mouseY - 7 * a, mouseX - 7 * a, 0);
  
​
​
​
​
​
  //line(mouseX, 0, 0, mouseX);
​
​
​
​
​
​
​
  ///Versuch mit Punkten
  /*  
  ellipse(mouseX+a, mouseY+a, 2, 2)
  ellipse(mouseX+a*2, mouseY+a*2, 2, 2)
  ellipse(mouseX+a*3, mouseY+a*3, 2, 2)
  ellipse(mouseX+a*4, mouseY+a*4, 2, 2)
  ellipse(mouseX+a*5, mouseY+a*5, 2, 2)
  ellipse(mouseX+a*6, mouseY+a*6, 2, 2)
  ellipse(mouseX+a*7, mouseY+a*7, 2, 2)
  ellipse(mouseX+a*8, mouseY+a*8, 2, 2)
  */
​
​
  //line(mouseY+mouseX, mouseX-20, mouseX-40, mouseY+30)
  stroke(216, 100, 100)
  filter(BLUR, 0.6);
}