Startseite Skripte für das Wintersemester 2018/19 Interaction Design P5 Grundlagen Vertex


Vertex

Linien, Rechtecke, Dreiecke sind eigentlich auch Vertexes – P5 vereinfacht uns aber das Arbeiten damit, in dem es dafür eigene Befehle zur Verfügung stellt …

P5

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

  background(255);

  strokeWeight(4);
  fill(255, 0, 0);

  // hier die Liste mit den Punkten, die das Männchen erzeugen
  beginShape();
    vertex(97, 335);
    vertex(203, 220);
    vertex(190, 176);
    vertex(83, 96);
    vertex(193, 110);
    vertex(175, 63);
    vertex(273, 111);
    vertex(344, 119);
    vertex(279, 165);
    vertex(303, 175);
    vertex(289, 184);
    vertex(297, 193);
    vertex(243, 223);
    vertex(267, 335);
  endShape(CLOSE);

  // das Auge
  fill(255);
  ellipse(227,130,20,20);
}

CodePen

Codepen-Sketch