Battaglia Navale

Per introdurre la programmazione in Flash ed il suo linguaggio ActionScript, intendiamo realizzare il gioco della battaglia navale, composto da una serie di caselle che l'utente potrà? cliccare fino a scoprire tutte le navi nascoste.

Impostiamo un nuovo filmato con dimensione 400x300 pixel al suo interno disegnamo i tre elementi che rappresentano rispettivamente lo stato della casella prima del clik, lo stato "acqua" e lo stato "colpito.
Occorre trasformare tutti e tre in "simboli" grafici (il nome è quello indicato in figura), per poterli riutilizzare all'interno del progetto.

Per rendere più coinvolgente il gioco scarichiamo due effetti sonori collegati ai due stati della casella rispettivamente "acqua.wav" e "esplosione.wav" (contenuti nel file suoni.zip) che importeremo nel progetto (File >Importa).

L'ultimo elemento necessario alla costruzione del gioco è il pulsante "click" composto da un tondo di 30 pixel di diametro, invisibile (ha un solo fotogramma chiave a fotogramma "Premuto/Hit"). Servirà? ad attivare le caselle al click del mouse.

Salvate il progetto appena creato con il nome "battle.fla"...

Con gli elementi realizzati ed importati occorre creare un clip filmato "mattonella_acqua". All'interno vi saranno i due stati possibili, quello "iniziale" e quello di "acqua". Il pulsante, nel livello click cattura l'evento del mouse dell'utente e lo strasforma in play(), mentre il livello azioni contiene due stop() uno che mantiene bloccato il clip sul primo fotogramma e sull'ultimo.
Nel secondo fotogramma del livello azioni è contenuto invece il calcolo del punteggio; nel livello suoni è inserito il suono "acqua.wav".
Potete trascinare il mouse sui fotogrammi mostrati nell'immagine seguente per controllare il contenuto dei fotogrammi.

Il clip filmato "mattonella_colpito" non è dissimile. Le differenze sono concentrate in corrispondenza del secondo fotogramma: il suono "esplosione.wav"; la casella "colpito" ed infine il punteggio nel livello "azioni".



L'ultimo passaggio rimasto è quello di collocare i 2 "clip filmato" ed il "testo dinamico" nella scena principale.

Torniamo nella scena principale, al suo interno trasciniamo dalla libreria le "mattonelle_acqua" e le "mattonelle_colpito" secondo lo schema desiderato.
Abbiamo inserito anche un titolo ed una casella di testo dinamico collegato alla variabile "punteggio", come mostrato in figura.


Non avete che da pubblicare il filmato e visualizzare il risultato.

Clicca per il