Categorie
Giochi HTML5 Tutorial Tutorial JavaScript

Realizzare Giochi in HTML5 Ep. V: Introduzione a CreateJS

Eventi del Mouse

Questo articolo è parte della collana Realizzare Giochi in HTML5

Altri articoli in questa collana:

  1. Realizzare giochi con i Canvas di HTML5 e JavaScript Ep. I
  2. Realizzare un Gioco in HTML5 Ep. II: Disegnare sui Canvas
  3. Realizzare un Gioco in HTML5 Ep. III: Animare gli elementi

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:

0

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.

loading spinner

Continua a leggere questa collana:

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *