Book Cover

var cover;

var boldfont;

var lightfont;

var p;

​

function preload() {

  //cover = loadImage("BookCover.jpg");

  boldfont = loadFont("Hind-SemiBold.ttf");

  lightfont = loadFont("Khula-Light.ttf");

}

​

function setup() {

  createCanvas(514, 800);

  background(100);

​

}

​

function draw() {

  //background(100);

  rectMode(CENTER);

  translate(width/2, height/2);

  frameRate(3);

  //colorMode(HSB, 360, 100, 100);

  //Bookcover Hintergrundfarbe

  noStroke();

  fill(234, 234, 198);

  rect(0, 0, 514, 800);

  noStroke();

  fill(255);

  rect(0, 400, 514, 16.5);

  push();

  //Braune Ellipse

  p = random(5);

  noStroke();

  fill(32, 26, 28);

  ellipse(-149, -110, 127, 120);

  //Vier rote Ellipsen oben links

  push();

  var red;

  var xrad;

  var yrad;

  xrad = 70;

  yrad = 67;

  red = color(255, 64, 55);

  move = (0, 307);

  p = random(5);

  noStroke();

  fill(red);

  if (mouseIsPressed) {

    ellipse(-206+move, -321, 70-p, 67-p);

    ellipse(-206+move-xrad, -321, 70-p, 67-p);

    ellipse(-206+move-xrad, -321+yrad, 70-p, 67-p);

    ellipse(-206+move, -321+yrad, 70-p, 67-p);

  }

  else {

    ellipse(-206, -321, 70, 67);

    ellipse(-206-xrad, -321, 70, 67);

    ellipse(-206-xrad, -321+yrad, 70, 67);

    ellipse(-206, -321+yrad, 70, 67);

  }

  pop();

  //rote Ellipsen mit Stanzung

  push();

  xrad = (86/2);

  yrad = (82/2)+0.4;

  frameRate(8);

  var move;

  move = random(70,-40);

  stroke(red);

  strokeWeight(22);

  noFill();

  if (mouseIsPressed) {

    ellipse(3, -131+move, 63, 62);

    ellipse(3, -131+move+(yrad*2), 63, 62);

    ellipse(3, -131+move+(yrad*4), 63, 62);

    ellipse(3, -131+move+(yrad*6), 63, 62);

  }

  else {

    ellipse(3, -131, 63, 62);

    ellipse(3, -131+(yrad*2), 63, 62);

    ellipse(3, -131+(yrad*4), 63, 62);

    ellipse(3, -131+(yrad*6), 63, 62);

  }

  pop();

  //vier rote Ellipsen vertikal

  xrad = 86/2;

  yrad = (82/2)+0.4;

  noStroke();

  fill(red);

  ellipse(132, -131, 86, 83);

  ellipse(132, -131+(yrad*2), 86, 83);

  ellipse(132, -131+(yrad*4), 86, 83);

  ellipse(132, -131+(yrad*6), 86, 83);

  //schwarze Ellipsen vertikal nur Kontur

  xrad = 43/2;

  yrad = (42/2)-0.2;

  p = random(5);

  stroke(0);

  strokeWeight(0.5);

  noFill();

  if (mouseIsPressed) {

    ellipse(-60, -152, 43, 42);

    ellipse(-60, -152+(yrad*2), 43, 42);

    ellipse(-60, -152+(yrad*4), 43, 42);

    ellipse(-60, -152+(yrad*6), 43, 42);

    ellipse(-60, -152+(yrad*8), 43, 42);

    ellipse(-60, -152+(yrad*10), 43, 42);

    ellipse(-60, -152+(yrad*12), 43, 42);

    ellipse(-60, -152+(yrad*14), 43, 42);

  }

  else {

    ellipse(-60, -152, 43-p, 42-p);

    ellipse(-60, -152+(yrad*2), 43-p, 42-p);

    ellipse(-60, -152+(yrad*4), 43-p, 42-p);

    ellipse(-60, -152+(yrad*6), 43-p, 42-p);

    ellipse(-60, -152+(yrad*8), 43-p, 42-p);

    ellipse(-60, -152+(yrad*10), 43-p, 42-p);

    ellipse(-60, -152+(yrad*12), 43-p, 42-p);

    ellipse(-60, -152+(yrad*14), 43-p, 42-p);

  }

  //schwarze Ellipsen vertikal

  xrad = 43/2;

  yrad = (42/2)-0.2;

  //pulsing

  p = random(4)

  noStroke();

  fill(0);

  if (mouseIsPressed) {

    ellipse(67, -152, 44, 43);

    ellipse(67, -152+(yrad*2), 44, 43);

    ellipse(67, -152+(yrad*4), 44, 43);

    ellipse(67, -152+(yrad*6), 44, 43);

    ellipse(67, -152+(yrad*8), 44, 43);

    ellipse(67, -152+(yrad*10), 44, 43);

    ellipse(67, -152+(yrad*12), 44, 43);

    ellipse(67, -152+(yrad*14), 44, 43);

  }

  else {

    ellipse(67, -152, 44-p, 43-p);

    ellipse(67, -152+(yrad*2), 44-p, 43-p);

    ellipse(67, -152+(yrad*4), 44-p, 43-p);

    ellipse(67, -152+(yrad*6), 44-p, 43-p);

    ellipse(67, -152+(yrad*8), 44-p, 43-p);

    ellipse(67, -152+(yrad*10), 44-p, 43-p);

    ellipse(67, -152+(yrad*12), 44-p, 43-p);

    ellipse(67, -152+(yrad*14), 44-p, 43-p);

    }

  //rote Ellipsen unten links mit Stanzung

  xrad = 43/2;

  yrad = (42/2)-0.2;

  stroke(red);

  strokeWeight(0.5);

  noFill();

  ellipse(-149.5, 179, 43, 42);

  ellipse(-149.5, 179+(yrad*2), 43, 42);

  ellipse(-149.5, 179+(yrad*4), 43, 42);

  ellipse(-149.5, 179+(yrad*6), 43, 42);

  ellipse(-149.5, 179+(yrad*10), 43, 42);

  //schwarze Ellipsen linker Rand

  xrad = 59/2;

  yrad = (56/2)+0.2;

  noStroke();

  fill(0);

  ellipse(-260, 57, 59, 56);

  ellipse(-260, 57+(yrad*2), 59, 56);

  //schwarze Ellipsen rechter Rand

  xrad = (58/2)-0.2;

  yrad = (55/2)+0.2;

  noStroke();

  fill(0);

  ellipse(257, -76, 58, 55);

  ellipse(257-(xrad*2), -76, 58, 55);

  //rote Ellipsen rechter Rand

  xrad = (58/2)-0.2;

  yrad = (55/2)+0.1;

  noStroke();

  fill(red);

  ellipse(257, -76+(yrad*2), 58, 55);

  ellipse(257-(xrad*2), -76+(yrad*2), 58, 55);

  //schwarze Ellipsen vertikal mit Stanzung

  xrad = (28/2);

  yrad = (40/2)+0.7;

  stroke(0);

  strokeWeight(15);

  noFill();

  ellipse(-105.3, -28.5, 28, 27);

  ellipse(-105.3, -28.5+(yrad*2), 28, 27);

  ellipse(-105.3, -28.5+(yrad*4), 28, 27);

  ellipse(-105.3, -28.5+(yrad*6), 28, 27);

  pop();

  push();

  //Boldfont

  textFont(boldfont);

  textSize(20);

  fill(0);

  textAlign(CENTER, CENTER);

  text("the number", 55, -329);

  text("poem", 28, -306);

  textFont(boldfont);

  textSize(17);

  text("25  09  13", 36, 193);

  //Lightfont

  textFont(lightfont);

  textSize(7);

  text("ESAD, MA Communication", 175, 197.5);

  textFont(lightfont);

  textSize(6);

  text("Andrew Howard,", 157, 213.5);

  text("workshop", 148.5, 221);

  textFont(lightfont);

  textSize(14);

  text("Henry and Elaine Mills", 68, -257);

  pop();

}