Oggetti con proprietà vettoriali

Cliccare sul canvas per creare il cerchio.

// height=100 lines=auto
class Cerchio {
    constructor( posX, posY ) {
        this.pos = createVector( posX, posY );
    }    
    display() {
        circle( this.pos.x, this.pos.y, 10 );
    }
}

let cerchio;  // istanza della classe Cerchio

function draw() {
    background(220);
    if (cerchio) {
        cerchio.display();
    }
}

function mouseClicked() {
    cerchio = new Cerchio( mouseX, mouseY );
}
class Cerchio {
    constructor( posX, posY ) {
        this.pos = createVector( posX, posY );
    }
    display() {
        circle( this.pos.x, this.pos.y, 10 );
    }     
}

Definisce una classe che disegna un cerchio di 10 pixel di diametro e usa un vettore (this.pos) per memorizzarne la posizione.

if (cerchio) {
    cerchio.display();
}

Disegna il cerchio se l'istanza è già stata creata.

function mouseClicked() {
    cerchio = new Cerchio( mouseX, mouseY );
}

Crea l'istanza del cerchio quando viene fatto un clic con il mouse usando le sue coordinate per impostare la posizione.