Premi “Invio” per saltare al contenuto

Tag: Funzione

Realizzare Giochi in HTML5 Ep. V: Introduzione a CreateJS

Il sondaggio che ho inviato a tutti gli iscritti alla mia newsletter mi ha chiarito le idee: non vogliamo reinventare la ruota, qui abbiamo bisogno di ottenere in fretta qualche risultato, quindi è il momento di tirare in ballo i fuoriclasse, e iniziamo da CreateJS.

loading spinner
Lascia un commento

Realizzare un Gioco in HTML5 Ep. III: Animare gli elementi

Nel primo articolo di questa serie abbiamo visto cosa è HTML5 e cosa è un Canvas. Nel secondo articolo di questa serie abbiamo visto come disegnare forme e immagini all’interno di un Canvas. Oggi finalmente vedremo qualcosa muoversi, ed è il momento di fare un po’ di ordine nel nostro codice.

loading spinner
Lascia un commento

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

Da un po’ di tempo ho voglia di tornare a occuparmi di giochi. Scriverò una serie di tutorial per permettere a chiunque di iniziare a programmare giochi in HTML5 per browser e per smartphone. Se questa serie di articoli avrà successogli aggiornamenti saranno frequenti. Se vi fa piacere leggere e volete che il corso vada avanti fatemelo sapere nei commenti, a me farà piacere.

loading spinner
4 Commenti

Realizzare Puzzle Bobble (Bust a Move) [4 di ?]

Oggi gestiremo la collisione tra le Sfere in movimento e il gruppo di sfere in alto.

Anche se non abbiamo ancora un”cannone spara bolle” possiamo continuare a muovere le sfere utilizzando il Mouse, ma il meccanismo utilizzato per intercettare la collisione tra la Sfera in movimento e le Sfere già collegate al soffitto sarà la stessa.

loading spinner
Lascia un commento

Realizzare Puzzle Bobble (Bust a Move) [1 di ?]

Ho immaginato che la prima parte da affrontare nella realizzazione di un gioco simile a Puzzle Bobble sia la gestione della griglia triangolare che si occupa del corretto posizionamento delle sfere.

Voglio evitare tutti gli errori più comuni (gli errori che ho riscontrato giocando ad altre versioni di questo gioco trovate in rete), quindi ho deciso che tutto il lavoro più difficile sarà affidato ad una singola Classe. Questa sarà la Classe più importante di tutto il progetto e sarà in grado di:

  1. Gestire la griglia di posizionamento delle sfere.
    Infatti le sfere non sono posizionate semplicemente una accanto all’altra, ma seguono una struttura triangolare.
  2. Gestire i gruppi di sfere uguali.
    Dovrà essere in grado di stabilire se si è formato un gruppo di tre o più sfere dello stesso colore, per permetterci di farle esplodere.
  3. Gestire la connessione tra le sfere e il “soffitto”.
    Anche se non fanno parte di un gruppo di sfere che esplode, dobbiamo essere in grado di rintracciare ed eliminare tutte le sfere che non hanno più un “sostegno”, così da farle precipitare.
  4. Gestire il “sovraccarico” di sfere.
    Quando la sfera più bassa della nostra struttura si trova oltre il limite stabilito il giocatore perde la partita.
  5. Gestire i colori in uso.
    Il gioco orginale evita di generare sfere di colore diverso da quelle ancora in gioco, così i colori disponibili si esauriscono poco alla volta.
  6. Gestire il movimento del gruppo di sfere.
    Col passare del tempo il gruppo di sfere in gioco si abbassa sempre di più, aumentando la difficoltà.
  7. Generare una “schermata iniziale” in base ad un modello.
    Il gioco originale presenta 30 quadri di gioco ed ognuno di questi ha un suo disegno caratteristico.
  8. Tenere il conto delle sfere in gioco.
    Per avere la possibilità di terminare il quadro quando si sono esaurite tutte le sfere.
loading spinner
Lascia un commento