Funzioni di sistema del mouse

Spostare il cursore del mouse sopra il cerchio nel canvas.

// height=100 lines=auto
let colore = "white";
let cerchioX = 50;
let cerchioY = 50;
let diametro = 60;

function draw() {
    background( 200 );
    fill( colore );
    circle( cerchioX, cerchioY, diametro );
}

function mouseMoved() {

    if (dist( mouseX,mouseY, cerchioX,cerchioY ) < diametro/2) {
        colore = "yellow";
    } else {
        colore = "white";
    }
}
let colore = "white";

Se non è necessario lavorare sulle componenti cromatiche i colori possono essere impostati anche con uno dei nomi predefiniti.

function mouseMoved() {

Funzione chiamata da p5.js ogni volta che il cursore del mouse cambia posizione.

if (dist( mouseX,mouseY, cerchioX,cerchioY ) < diametro/2) {

Un punto (mouseX,mouseY) si trova all'interno di un cerchio quando la sua distanza dal centro del cerchio (cerchioX,cerchioY) è inferiore al raggio (diametro/2).