Categories
ECMAscript Giochi Giochi HTML5 Risorse Tutorial Tutorial JavaScript

Realizzare giochi con i Canvas di HTML5 e JavaScript Ep. I

È giunto il momento per me di ritornare nel mondo dei giochi, e questa volta non può che essere in compagnia di HTML5, spero che mi seguirete anche in questo viaggio.

Loading spinner

Creazione di un file HTML

This post is part of the series Realizzare Giochi in HTML5

Other posts in this series:

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

È giunto il momento di mettere in pratica il codice dell’esempio precedente, e verificare se siamo davvero in grado di realizzare una semplice pagina HTML.

  1. Avvia un editor di testo a piacere. Va bene il blocco note, non va bene Microsoft Word.
  2. Copia il codice dell’esempio precedente all’interno dell’editor.
  3. Salva il file con il nome ciaomondo.html all’interno di una cartella qualsiasi.
    • Oppure scarica il file bell’e pronto cliccando qui: ciaomondo.html
  4. Apri il file appena creato con un browser qualsiasi.

Il risultato dovrebbe essere qualcosa di simile a questo:

ciaomondo.html

Continue reading this series:

Loading spinner

4 replies on “Realizzare giochi con i Canvas di HTML5 e JavaScript Ep. I”

tutorial carino ed efficace. E’ logico che hai appena buttato giù il prologo di un vero e proprio “romanzo” noto come developing di un videogame. Stima per il risultato.

Loading spinner

Grazie Dario, l’idea è proprio quella di realizzare una guida completa a partire praticamente da zero. Se questa serie di articoli avrà successo pensavo di inserire successivamente strumenti sempre più completi: da CreateJS a Unity3D. Vedremo come si evolverà, tu torna spesso a trovarmi ;)

Loading spinner

inoltre ho notato con mio grande poiacere che hai una Repository molto interessante su GitHub, sarebbe molto interessante un post su come creare un componente per github e le linee guida per pubblicare correttamente (tipo plugin js o wordpress)

Loading spinner

Leave a Reply to Daniele Alessandra Cancel reply

Your email address will not be published. Required fields are marked *