Universe Cover

var text;

​

function preload () {

  text = loadFont ("Anton-Regular.ttf");

} 

​

var book;

​

function preload () {

  book = loadFont ("RobotoCondensed-Regular.ttf");

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(100);

​

}

​

function draw() {

  {

​

  //Hintergrund 

  fill(0);

  rect(100,0,490,730)

  fill(83,146,177);

  rect(100,0,490,190)

  //fill(83,146,177);

  stroke(0);

  line(100,60,590,60);

  line(100,150,590,150);

  strokeWeight(1);  

  noStroke();

  fill (220);

  ellipse(127,600,40,37);

  ellipse(195,600,64,61);

  ellipse(285,600,82,77);

  ellipse(392,600,92,87);

  ellipse(525,600,130,120);

}

​

  stroke(83,146,177);

  strokeWeight(2);

  line(100,600,590,600);

  strokeWeight(1);

  noStroke();

  fill(83,146,177);

  ellipse(348,353,100,72)

  //Planetenbahnen

  noFill();

  stroke(83,146,177);

  strokeWeight(3);

  ellipse(346,353,470,240);

  ellipse(346,353,200,87);

  ellipse(346,353,340,160);

  strokeWeight(1);

  noStroke();

  //Zentrum

  noFill();

  stroke(83,146,177);

  strokeWeight(13);

  ellipse(346,356,120,50);

  strokeWeight(1);

  noStroke();

  //Planeten

  fill(83,146,177);

  ellipse(125,388,40,40);

  ellipse(186,378,40,40);

  ellipse(510,362,40,40);

  ellipse(548,293,40,40);

  ellipse(270,326,40,40);

  //Text

  fill(255);

  textFont(text);

  textSize(78); 

  textStyle(BOLD);

  text('The Nature',270,100); 

  text('of the Universe',270,130);

  fill(0);

  textFont(text);

  textSize(25);

  textStyle(BOLD);

  text('Fred Hoyle',270,175);

  fill(0);

  textFont(book);

  textSize(25);

  text('a Pelican Book',270,40);

  //Animation

  if (mouseIsPressed) {

  fill(0,0,0);

    ellipse(127,600,40,37);

  ellipse(195,600,64,61);

  ellipse(285,600,82,77);

  ellipse(392,600,92,87);

  ellipse(525,600,130,120);

  }

}