Realizzare Giochi in HTML5 Ep. V: Introduzione a CreateJS

Eventi del Mouse

Eliminando semplicemente il setInterval dell’esempio precedente faremo in modo di spostare l’ovale al click del mouse, basta una riga:

circle.addEventListener('click', randomProperties);

Quello che otteniamo è rappresentato qui sotto:

Pensateci un attimo: non è una cosa da poco, la funzione non viene eseguita ogni volta che facciamo click sulla pagina o sull’intero Canvas, la funzione viene eseguita quando facciamo click sull’ovale, e ogni volta che l’ovale si sposta dobbiamo raggiungerlo con il mouse per poterlo cliccare nuovamente.