Oggetti con proprietà vettoriali

Cliccare sul canvas per creare il cerchio.

    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 al clic del mouse usando le coordinate di quest’ultimo per impostare la posizione.