Eingebaute Variablen

Es gibt einige sehr nützliche Variablen, welche in p5js eingebaut sind und innerhalb des Programmes gebraucht werden können. Hier werden die Wichtigsten vorgestellt.

width, height

Die Breite des Zeichenfelds wird in der Variable width gespeichert, die Höhe des Zeichenfelds in der Variable height. Diese beiden Variablen kann man benützen, sobald mit dem Befehl createCanvas(w, h) das Zeichenfeld kreiert wurde.

function setup() {
    createCanvas(400, 300);
}
function draw() {
    background(110);
	
    let x = width / 2;   // = 200, Mitte in horizontaler Richtung
    let y = height / 2;  // = 150, Mitte in vertikaler Richtung
    fill(170, 220, 200)
    ellipse(x, y, 100, 100);
}
	

frameCount

Die Anzahl Frames (Bilder) seit Programmstart wird in der Variable frameCount gespeichert.

function setup() {
    createCanvas(400, 400);
}
function draw() {
    background(255);
	
    let x = width / 2;
    let y = height / 2;
    textAlign(CENTER);
    textSize(64);
    text(frameCount, x, y);
}
	

mouseX, mouseY

Die Koordinaten des Mauszeigers werden in den beiden Variablen mouseX und mouseY gespeichert. Für mehr Informationen, siehe unter mouseX, mouseY nach.