know - OpenProcessing

mySketch
xxxxxxxxxx
 
let content = "Moove your mouse to change the scale and the position of \n the strokes \n press s to save the current \n frame as png";
// Umbrüche sind als \n (break) im Text zu deklarieren
​
let sora;
​
// Font laden
function preload() {
  sora = loadFont('Sora-SemiBold.ttf');
}
​
function setup() {
  createCanvas(1000, 600);
  textFont(sora); // Font setzen
}
​
function draw() {
  background(22,141,149);
  
  // Euer Code
  noFill();
  stroke(1,4,64);
  strokeWeight(2);
  for (x=0; x<width; x+=1+mouseX/2)
    
  line(mouseX/0.1, height/2, mouseY/0.1, mouseY+sin(millis()/1000)*580);
  line(mouseX/0.2, height/2, mouseY/0.2, mouseY+sin(millis()/1000)*560);
  line(mouseX/0.3, height/2, mouseY/0.3, mouseY+sin(millis()/1000)*540);
  line(mouseX/0.4, height/2, mouseY/0.4, mouseY+sin(millis()/1000)*520);
  line(mouseX/0.5, height/2, mouseY/0.5, mouseY+sin(millis()/1000)*500);
  line(mouseX/0.6, height/2, mouseY/0.6, mouseY+sin(millis()/1000)*480);
  line(mouseX/0.7, height/2, mouseY/0.7, mouseY+sin(millis()/1000)*460);
  line(mouseX/0.8, height/2, mouseY/0.8, mouseY+sin(millis()/1000)*440);
  line(mouseX/0.9, height/2, mouseY/0.9, mouseY+sin(millis()/1000)*420);
  line(mouseX, height/2, mouseY, mouseY+sin(millis()/1000)*400);
  line(mouseX/1.1, height/2, mouseY/1.1, mouseY+sin(millis()/1000)*380);
  line(mouseX/1.2, height/2, mouseY/1.2, mouseY+sin(millis()/1000)*360);
  line(mouseX/1.3, height/2, mouseY/1.3, mouseY+sin(millis()/1000)*340);
  line(mouseX/1.4, height/2, mouseY/1.4, mouseY+sin(millis()/1000)*320);
  line(mouseX/1.5, height/2, mouseY/1.5, mouseY+sin(millis()/1000)*300);
  line(mouseX/1.6, height/2, mouseY/1.6, mouseY+sin(millis()/1000)*280);
  line(mouseX/1.7, height/2, mouseY/1.7, mouseY+sin(millis()/1000)*260);
  line(mouseX/1.8, height/2, mouseY/1.8, mouseY+sin(millis()/1000)*240);
  line(mouseX/1.9, height/2, mouseY/1.9, mouseY+sin(millis()/1000)*220);
  line(mouseX/2, height/2, mouseY/2, mouseY+sin(millis()/1000)*200);
  line(mouseX/2.1, height/2, mouseY/2.1, mouseY+sin(millis()/1000)*180);
  line(mouseX/2.2, height/2, mouseY/2.2, mouseY+sin(millis()/1000)*160);
  line(mouseX/2.3, height/2, mouseY/2.3, mouseY+sin(millis()/1000)*140);
  line(mouseX/2.4, height/2, mouseY/2.4, mouseY+sin(millis()/1000)*120);
  line(mouseX/2.5, height/2, mouseY/2.5, mouseY+sin(millis()/1000)*100);
  line(mouseX/2.6, height/2, mouseY/2.6, mouseY+sin(millis()/1000)*80);
  line(mouseX/2.7, height/2, mouseY/2.7, mouseY+sin(millis()/1000)*60);
  line(mouseX/2.8, height/2, mouseY/2.8, mouseY+sin(millis()/1000)*40);
  line(mouseX/2.9, height/2, mouseY/2.9, mouseY+sin(millis()/1000)*20);
  
  rotate(PI/-8);
  
  
  line(mouseX/0.1, height/2, mouseY/0.1, mouseY+sin(millis()/1000)*580);
  line(mouseX/0.2, height/2, mouseY/0.2, mouseY+sin(millis()/1000)*560);
  line(mouseX/0.3, height/2, mouseY/0.3, mouseY+sin(millis()/1000)*540);
  line(mouseX/0.4, height/2, mouseY/0.4, mouseY+sin(millis()/1000)*520);
  line(mouseX/0.5, height/2, mouseY/0.5, mouseY+sin(millis()/1000)*500);
  line(mouseX/0.6, height/2, mouseY/0.6, mouseY+sin(millis()/1000)*480);
  line(mouseX/0.7, height/2, mouseY/0.7, mouseY+sin(millis()/1000)*460);
  line(mouseX/0.8, height/2, mouseY/0.8, mouseY+sin(millis()/1000)*440);
  line(mouseX/0.9, height/2, mouseY/0.9, mouseY+sin(millis()/1000)*420);
  line(mouseX, height/2, mouseY, mouseY+sin(millis()/1000)*400);
  line(mouseX/1.1, height/2, mouseY/1.1, mouseY+sin(millis()/1000)*380);
  line(mouseX/1.2, height/2, mouseY/1.2, mouseY+sin(millis()/1000)*360);
  line(mouseX/1.3, height/2, mouseY/1.3, mouseY+sin(millis()/1000)*340);
  line(mouseX/1.4, height/2, mouseY/1.4, mouseY+sin(millis()/1000)*320);
  line(mouseX/1.5, height/2, mouseY/1.5, mouseY+sin(millis()/1000)*300);
  line(mouseX/1.6, height/2, mouseY/1.6, mouseY+sin(millis()/1000)*280);
  line(mouseX/1.7, height/2, mouseY/1.7, mouseY+sin(millis()/1000)*260);
  line(mouseX/1.8, height/2, mouseY/1.8, mouseY+sin(millis()/1000)*240);
  line(mouseX/1.9, height/2, mouseY/1.9, mouseY+sin(millis()/1000)*220);
  line(mouseX/2, height/2, mouseY/2, mouseY+sin(millis()/1000)*200);
  line(mouseX/2.1, height/2, mouseY/2.1, mouseY+sin(millis()/1000)*180);
  line(mouseX/2.2, height/2, mouseY/2.2, mouseY+sin(millis()/1000)*160);
  line(mouseX/2.3, height/2, mouseY/2.3, mouseY+sin(millis()/1000)*140);
  line(mouseX/2.4, height/2, mouseY/2.4, mouseY+sin(millis()/1000)*120);
  line(mouseX/2.5, height/2, mouseY/2.5, mouseY+sin(millis()/1000)*100);
  line(mouseX/2.6, height/2, mouseY/2.6, mouseY+sin(millis()/1000)*80);
  line(mouseX/2.7, height/2, mouseY/2.7, mouseY+sin(millis()/1000)*60);
  line(mouseX/2.8, height/2, mouseY/2.8, mouseY+sin(millis()/1000)*40);
  line(mouseX/2.9, height/2, mouseY/2.9, mouseY+sin(millis()/1000)*20);
  
    rotate(PI/8);
  
​
rotate(PI/8);
  
  
  line(mouseX/0.1, height/2, mouseY/0.1, mouseY+sin(millis()/1000)*580);
  line(mouseX/0.2, height/2, mouseY/0.2, mouseY+sin(millis()/1000)*560);
  line(mouseX/0.3, height/2, mouseY/0.3, mouseY+sin(millis()/1000)*540);
  line(mouseX/0.4, height/2, mouseY/0.4, mouseY+sin(millis()/1000)*520);
  line(mouseX/0.5, height/2, mouseY/0.5, mouseY+sin(millis()/1000)*500);
  line(mouseX/0.6, height/2, mouseY/0.6, mouseY+sin(millis()/1000)*480);
  line(mouseX/0.7, height/2, mouseY/0.7, mouseY+sin(millis()/1000)*460);
  line(mouseX/0.8, height/2, mouseY/0.8, mouseY+sin(millis()/1000)*440);
  line(mouseX/0.9, height/2, mouseY/0.9, mouseY+sin(millis()/1000)*420);
  line(mouseX, height/2, mouseY, mouseY+sin(millis()/1000)*400);
  line(mouseX/1.1, height/2, mouseY/1.1, mouseY+sin(millis()/1000)*380);
  line(mouseX/1.2, height/2, mouseY/1.2, mouseY+sin(millis()/1000)*360);
  line(mouseX/1.3, height/2, mouseY/1.3, mouseY+sin(millis()/1000)*340);
  line(mouseX/1.4, height/2, mouseY/1.4, mouseY+sin(millis()/1000)*320);
  line(mouseX/1.5, height/2, mouseY/1.5, mouseY+sin(millis()/1000)*300);
  line(mouseX/1.6, height/2, mouseY/1.6, mouseY+sin(millis()/1000)*280);
  line(mouseX/1.7, height/2, mouseY/1.7, mouseY+sin(millis()/1000)*260);
  line(mouseX/1.8, height/2, mouseY/1.8, mouseY+sin(millis()/1000)*240);
  line(mouseX/1.9, height/2, mouseY/1.9, mouseY+sin(millis()/1000)*220);
  line(mouseX/2, height/2, mouseY/2, mouseY+sin(millis()/1000)*200);
  line(mouseX/2.1, height/2, mouseY/2.1, mouseY+sin(millis()/1000)*180);
  line(mouseX/2.2, height/2, mouseY/2.2, mouseY+sin(millis()/1000)*160);
  line(mouseX/2.3, height/2, mouseY/2.3, mouseY+sin(millis()/1000)*140);
  line(mouseX/2.4, height/2, mouseY/2.4, mouseY+sin(millis()/1000)*120);
  line(mouseX/2.5, height/2, mouseY/2.5, mouseY+sin(millis()/1000)*100);
  line(mouseX/2.6, height/2, mouseY/2.6, mouseY+sin(millis()/1000)*80);
  line(mouseX/2.7, height/2, mouseY/2.7, mouseY+sin(millis()/1000)*60);
  line(mouseX/2.8, height/2, mouseY/2.8, mouseY+sin(millis()/1000)*40);
  line(mouseX/2.9, height/2, mouseY/2.9, mouseY+sin(millis()/1000)*20);
​
​
​
rotate(PI/(-8));
​
  
  
  
  //line(mouseX/1.3, height/2, cos(millis()/1000)*400, mouseY+sin(millis()/1000)*300);
  //line(mouseX/1.6, height/2, cos(millis()/1000)*400, mouseY+sin(millis()/1000)*200);
  //line(mouseX/2, height/2, cos(millis()/1000)*400, mouseY+sin(millis()/1000)*100);
  //line(mouseX/2.3, height/2, cos(millis()/1000)*400, mouseY+sin(millis()/1000));
  //line(mouseX/1.1, height/2, cos(millis()/1000)*400, mouseY+sin(millis()/1000)*360);
  //line(mouseX/1.2, height/2, cos(millis()/1000)*400, mouseY+sin(millis()/1000)*340);
  //line(mouseX/1.4, height/2, cos(millis()/1000)*400, mouseY+sin(millis()/1000)*320);
  //line(mouseX/1.7, height/2, cos(millis()/1000)*400, mouseY+sin(millis()/1000)*250);
  //line(mouseX/1.9, height/2, cos(millis()/1000)*400, mouseY+sin(millis()/1000))*150;
  
    // Wort
  textSize(250);
  textAlign(CENTER, CENTER);
  fill(1,4,64);
  noStroke();
  text("know", width/2, height/2);
  
  // Hilfe Text
  fill(0);
  textSize(32);
  if (mouseX > 0 && mouseX < 30 && mouseY > 0 && mouseY < 30) {
    cursor(HAND);
    text(content, 20, 41, 500, height);
    //text(content, 20, 40, width-20, height-20);
  }
  else {
    cursor(ARROW);
  }
}
​
// Bild speichern
function keyPressed() {
  if (key == "s") {
    save('tool_grafik.png');
  }
}
​
 
​