Uso di array di oggetti

Cliccare sul canvas per creare i cerchi.

// height=100 lines=auto
function Circle( x, y ) {
    this.x = x;
    this.y = y;
    this.display = function() {
        ellipse( this.x,this.y, 11 );
    };
}

var circles = [];  // array di istanze della classe Circle

function draw() {
    background(220);
    // visualizzazione dei cerchi creati
    for (var i=0;  i<circles.length;  ++i) {
        circles[i].display();
    }
}

function mousePressed() {
    // aggiunta di un cerchio
    circles.push( new Circle( mouseX,mouseY ) );
}

Lo stesso effetto si ottiene disegnando direttamente i cerchi senza cancellare tutto a ogni fotogramma. L'uso di un array permette però di avere un migliore controllo di tutte le istanze. Provare a far incrementare le proprietà x inserendo circles[i].x += 0.5; all'interno del for().