Martin_Linda_bookcover<br>

var titel;

var autor;

var circle;

var poster; // Quelle: https://i.pinimg.com/originals/a4/61/1c/a4611c0e79d00912ff1e1bb84a7fe918.jpg

var counter =0;

​

function preload(){

  titel = loadFont('Roboto-Medium.ttf');

  autor = loadFont('Cardo-Bold.ttf');

  poster = loadImage('poster_2.jpg');

  circle = loadImage('poster_2.png');

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(100);

}

​

function draw() {

  background(100);

  translate(width/2, height/2); // Ausgangspunkt für Anordnung aller Elemente in Bildschirmmitte

  fill(34, 34, 34);

  noStroke();

  rect(0, 0, 472, 800); // Rechteck als Buchhintergrund, da sonst unschönes Scrollen

  rectMode(CENTER);

  textAlign(CENTER, CENTER);

  fill(215,161,71)

  textFont (autor);

  textSize (23);

  text("AKE WALLENQUIST", -63, -302);

  textSize (19);

  text("Edited and translated by", -83, -109);

  text("Sune Engelbrektson", -99, -88);

  fill (188,50,50);

  textSize (15);

  text("B 12       AMERICAN MUSEUM SCIENCE BOOKS     •176",10, -372);

  fill(255,254,206)

  textFont (titel);

  textSize (61);

  text("Dictionary of", -13, -261);

  text("Astronomical", -8, -210);

  text("Terms", -103, -156);

  ellipseMode (CENTER); // es folgen alle bunten Kreise

​

    fill(251, 41, 8); // rotorange Kreise

      ellipse (-82, -27, 20, 20);

      ellipse (14, -8, 20, 20);

      ellipse (-71, -3, 20, 20);    

      ellipse (-46, 0, 20, 20);

      ellipse (-102, 33, 20, 20);

      ellipse (-130, 54, 20, 20);

      ellipse (-39, 306, 20, 20);

      ellipse (-27, 286, 20, 20);

      ellipse (22, 294, 20, 20);

      ellipse (112, 272, 20, 20);

      ellipse (-138, 106, 20, 20);

      ellipse (-131, 130, 20, 20);

      ellipse (-126, 194, 20, 20);

      ellipse (-128, 231, 20, 20);

      ellipse (194, 214, 20, 20);

      ellipse (165, 208, 20, 20);

      ellipse (174, 165, 20, 20);

      ellipse (173, 76, 20, 20);

      ellipse (101, -8, 20, 20);

      ellipse (118, 15, 20, 20);

      ellipse (152, 13, 20, 20);

      ellipse (52, -13, 20, 20);

      ellipse (148, 56, 20, 20);

      ellipse (69, 280, 20, 20);

    fill (225,0,85);  // pinke Kreise

      ellipse (-78, 10, 20, 20);

      ellipse (78, -11, 20, 20);

      ellipse (152, 34, 20, 20);

      ellipse (167, 121, 20, 20);

      ellipse (167, 218, 20, 20);

      ellipse (-85, 252, 20, 20);

      ellipse (-19, 299, 20, 20);

      ellipse (60, 296, 20, 20);

      ellipse (-144, 160, 20, 20);

      ellipse (20, -25, 20, 20);

      ellipse (101, 16, 20, 20);

      ellipse (115, 255, 20, 20);

      ellipse (185, 153, 20, 20);

      ellipse (-113, 69, 20, 20);

    fill (220,144,24);  // gelborange Kreise

      ellipse (-158, 117, 20, 20);

      ellipse (-119, 90, 20, 20);

      ellipse (-108, 57, 20, 20);

      ellipse (-80, 34, 20, 20);

      ellipse (-65, 13, 20, 20);

      ellipse (-58, -24, 20, 20);

      ellipse (-28, 5, 20, 20);

      ellipse (-10, -11, 20, 20);

      ellipse (36, -1, 20, 20);

      ellipse (60, 2, 20, 20);

      ellipse (80, 13, 20, 20);

      ellipse (111, 30, 20, 20);

      ellipse (131, 41, 20, 20);

      ellipse (154, 77, 20, 20);

      ellipse (163, 100, 20, 20);

      ellipse (173, 145, 20, 20);

      ellipse (161, 185, 20, 20);

      ellipse (180, 195, 20, 20);

      ellipse (143, 219, 20, 20);

      ellipse (131, 241, 20, 20);

      ellipse (97, 263, 20, 20);

      ellipse (90, 285, 20, 20);

      ellipse (49, 287, 20, 20);

      ellipse (5, 287, 20, 20);

      ellipse (-45, 276, 20, 20);

      ellipse (-72, 269, 20, 20);

      ellipse (-100, 229, 20, 20);

      ellipse (-118, 214, 20, 20);

      ellipse (-127, 173, 20, 20);

      ellipse (-138, 150, 20, 20);

    fill(34,34,34); // großer Kreis Mitte

      ellipse (18, 142, 302, 302);

  translate(18, 142); // Wackeln in bestimmten Zeitintervall

  if(counter < 250)        

    { counter += 1;

  }

  if(counter == 250)

    { counter = 0;  

  }

  push ();

  if(counter >200 && counter < 250)

    { var b = map(sin(millis()/150), -2.5, 2.5, -0.1, 0.1)/4;

    rotate(b);

  }

  imageMode(CENTER);  // Bild von dem Kreisgebilde, da nicht hinbekommen, wie man die einzelnen Kreise gruppiert und animiert

    image(circle, 0, 0, 424, 424);

  pop (); // Matrix löschen nach Ausführen

  if(mouseIsPressed){ // schnelles Drehen bei Mausklick

    imageMode(CENTER);

        rotate(rotate(millis()/250));

        image(circle, 0, 0, 424, 424); // Bild von Kreisgebilde

  }

}