Startseite Skripte für das Wintersemester 2017/18 Interaction Design P5 Grundlagen Display-Größe und Variablen


Display-Größe und Variablen

P5

function setup() {
  // so gross soll die Arbeitsfläche werden
  createCanvas(960, 400);

  // Hintergrundfarbe schwarz
  background(0);

  // Außenkontur soll weiss sein
  stroke(255);

  // Füllfarbe mittleres Grau
  fill(120);

  // Variable Durchmesser der Ellipse
  var d = 200;

  /*
  Ellipse in der Mitte des Sketches
  waagrechter Duchmesser 3x so groß wie der vertikale Durchmesser (d * 3)

  width = Breite der Arbeitsfläche "canvas"
  height = Höhe der Arbeitsfläche "canvas"
  */
  ellipse(width/2, height/2, d * 3, d);
}

CodePen

Codepen-Sketch