Startseite Skripte für das Wintersemester 2018/19 Interaction Design P5 Grundlagen Ellipsen und Kreise


Ellipsen und Kreise

Ellipsen und Kreise werden normalerweise vom Mittelpunkt aus gezeichnet

P5

function setup() {
  createCanvas(960, 400);

  background(255);

  // "width/2,height/2" = Mittelpunkt des Sketches
  strokeWeight(3);
  ellipse(width/2,height/2, 830, 360);

  // keine Kontur-Linie
  noStroke();

  // dunkle, graue Ellipse
  fill(50);
  ellipse(width/2,height/2, 500, 300);

  // grauer Kreis
  fill(150);
  ellipse(width/2,height/2, 250, 250);
}

CodePen

Codepen-Sketch