p5.js Template for classes

sketch.js

var MyClass = function(position, color) {
	this.position = position;
	this.color = color;
	this.change = function () {
		//z.B. die Position, Farbe, o.ä. ändern/neu berechnen
	};
	this.draw = function () {
		// das einzelnen Objekt wird gezeichnet
	};
}

var myObjects = [];

function setup() {
	createCanvas(windowWidth, windowHeight);

	//hier wird als Beispiel ein Objekt instanziert, sollen aber mehrere werden
	myObjects[0] = new MyClass(createVector(0,0), '#ff0000');
}

function draw() {
	background(255);

	// Hier iterieren wir über alle Objekte und zeichnen sie
	for (var myObject of myObjects) {
		myObject.draw();
	}
}

function mouseClicked() {
	//hier könnte man auf den Mausklick reagieren, indem man einzelen Objekte anspricht
}