Premi “Invio” per saltare al contenuto

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

Creazione di un file HTML

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 (Corrente)
  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
loading spinner

Continua a leggere questa collana:

4 Commenti

  1. darioamato 3 Novembre 2016

    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
    • Daniele Alessandra 3 Novembre 2016

      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
      • darioamato 3 Novembre 2016

        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
        • Daniele Alessandra 3 Novembre 2016

          Ottimo suggerimento, già dal prossimo articolo creerò un Repository per chi volesse seguirmi e così gli utenti più intraprendenti potranno partecipare direttamente alla stesure del codice ;)

          loading spinner

Lascia un commento

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