Funzioni di sistema del mouse

Spostare il cursore del mouse sopra il cerchio nel canvas.

// height=100 lines=auto
var colore = "white";
var cerchioX = 50;
var cerchioY = 50;
var raggio = 30;

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

function mouseMoved() {

    if (dist( mouseX,mouseY, cerchioX,cerchioY ) < raggio) {
        colore = "yellow";
    } else {
        colore = "white";
    }
}
var 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 ) < raggio) {

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