Beispiel Linienpinsel

Programm im Editor öffnen

Quellcode ohne Kommentar

function setup() {
  createCanvas(300, 300);
  background(240);
}

function draw() {
  if (mouseIsPressed) {
    stroke(100, 0, 255);
    strokeWeight(5);

    line(pmouseX, pmouseY, mouseX, mouseY);
  }
}

function keyPressed() {
  background(240);
}

Quellcode mit Kommentar

function setup() {
  createCanvas(300, 300);
  background(240);
}

function draw() {
  // Wenn die Maustaste gedrückt ist...
  if (mouseIsPressed) {
    
    // Strichfarbe
    stroke(100, 0, 255);
    // Strichdicke
    strokeWeight(5);

    // pmouseX und pmouseY stehen für die Position der Maus im vorherigen Frame!
    // p steht für "previous" (deutsch: vorherig)
    // So bekommen wir immer eine geschlossene Line, statt einzelner Punkte:
    line(pmouseX, pmouseY, mouseX, mouseY);
  }
  
}

function keyPressed() {
  background(240);
}