nicht fertig Semesterarbeit

var schrift;

var schrift2;

​

​

function preload() {

  schrift = loadFont("Roboto-Bold.ttf");

  schrift2 = loadFont("Muli-Light.ttf");

}

​

​

function setup() {

  createCanvas(560, 800);

  background(0);  

}

​

function draw() {

  push();

  //Roter Buchhintergrund

  fill(230, 50, 60);

  rect(0, 0, 560, 800);

  //innerer, weißer Rand

  stroke(255);

  // links/rechts, oben/unten, Breite, Länge

  rect(45-20, 45-20, 450+60, 750);

  pop();

  //wenn ich den Buchhintergrund in Push und Pop setzte, wird der Rand des Vierecke (bei Anfangsposition) schwarz.

  // Um ihn verschwinden zu lassen: grüne Färbung, denn noStroke funktioniert nur teilweise.

  stroke(30, 80, 50);

  /* gegen Uhrzeigesinn

  rect(210-70, 450+70-20, 70, 70);

  rect(210, 450-20, 70, 70);

  rect(210, 450-20+70+140, 70, 70);

  rect(210-70, 450-20+140, 70, 70);

  rect(210+70, 450-20+70+140, 70, 70);

  rect(210+140, 450-20+140, 70, 70);

  rect(210+140, 450-20+70, 70, 70);

  rect(210+70, 450-20, 70, 70);

  */

  // Zwischen Codes für Vierecke: Push und Pop notwendig, da sonst nur das erste gezeichnet wird.

  push();

    translate(210+70, 450-20);

  var q = map(sin(millis()/1000), -1, 1, 1, 71); //71 damit die Vierecke abschließen, sonst entsteht Lücke.

  for (i=0; i<q; i++)

  {

    rect(i, i, 70, 70);

    fill(255);

    stroke(30, 80, 50);

  }

  pop();

  push();

    translate(210+140, 450-20+140);

  var q = map(sin(millis()/1000), -1, 1, 1, 71);

  for (i=0; i<q; i++)

  {

    rect(-i, i, 70, 70);

    fill(255);

    stroke(30, 80, 50);

  }

  pop();

  push();

    translate(210, 450-20+70+140);

  var q = map(sin(millis()/1000), -1, 1, 1, 71);

  for (i=0; i<q; i++)

  {

    rect(-i, -i, 70, 70);

    fill(255);

    stroke(30, 80, 50);

  }

  pop();

  push();

    translate(210-70, 450+70-20);

  var q = map(sin(millis()/1000), -1, 1, 1, 71);

  for (i=0; i<q; i++)

  {

    rect(i, -i, 70, 70);

    fill(255);

    stroke(30, 80, 50);

  }

  pop();

  push();

    translate(210-70, 570, 210, 570);

  var q = map(sin(millis()/1000), -1, 1, 1, 71);

  for (i=0; i<q; i++)

  {

    line(i, -i, i, i);

    stroke(0);

  }

  pop();

  //Schriften

  fill(0);

  stroke(0);

  strokeWeight(2);

  textFont(schrift);

  textSize(120);

  text("KUNST", 100-18, 100+70);

  text("UND",160-5, 200+70-7);

  text("SEHEN", 100-8, 300+70-13);

  fill(0);

  stroke(0);

  strokeWeight(1);

  textFont(schrift2);

  textSize(38);

  text("Rudolf Arnheim", 160-14, 65+5);

  text("Neufassung", 160+12, 405);

  text("de Gruyter", 160+20,750);

}