Categorie
ECMAscript Giochi HTML5 Tutorial Tutorial JavaScript

Realizzare un Gioco in HTML5 Ep. II: Disegnare sui Canvas

Il secondo articolo di una serie che ci porterà alla realizzazione di giochi completi in HTML5. Oggi disegniamo su un Canvas!

loading spinner

Ridimensionare le immagini

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 (Corrente)
  3. Realizzare un Gioco in HTML5 Ep. III: Animare gli elementi

Aggiungendo altri due numeri ai parametri del metodo drawImage possiamo comandare larghezza e altezza dell’immagine da disegnare.

0

Nell’esempio qui sopra la stessa immagine di prima viene disegnata lasciando uno spazio di 20 pixel tutto intorno, infatti tutto il Canvas è largo 550 pixel e alto 400 pixel, la porzione con disegno è larga 510 pixel e alta 360 pixel ed è distante dal bordo sinistro e dal bordo superiore esattamente 20 pixel.

loading spinner

Continua a leggere questa collana:

2 risposte su “Realizzare un Gioco in HTML5 Ep. II: Disegnare sui Canvas”

Lascia un commento

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