Funzioni di sistema del mouse

Spostare il cursore del mouse sopra il cerchio nel canvas.

    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 /*1*/colore = "white"/**/;

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

  function /*1*/mouseMoved()/**/ {

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

  if (/*1*/dist( mouseX,mouseY, cerchioX,cerchioY )/**/ < /*1*/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).