Probiert es gleich mal in Brackets aus und verändert z.B. die Größe der Ellipse oder den Text!

Öffnet dafür 01-erster-Sketch aus dem heruntergeladenen Paket…

Achtet auf die Strichpunkte hinter jeder Anweisung – sonst funktioniert es nicht…

P5

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

  // Hintergrundfarbe, hier weiss
  background(255);

  // Füllfarbe von Text und Ellipse
  fill(255,0,0);

  // eine (Kreis-)Ellipse an der Position 200,150
  ellipse(200,150,200,200);

  // Größe des Textes in Pixel
  textSize(24);

  // Text und Position
  text("Hallo Welt!", 10, 40);
}

Die mit // markierten Stellen sind Kommentare, die von P5 ignoriert werden, aber uns das Verstehen des Code erleichtern.

Nutzt Kommentare, wenn Ihr selber Code schreibt!

CodePen

Codepen-Sketch