Adobe Flash CS5.5 e Web Animation. Lezione 7: introduzione ad ActionScript 3.0, livelli guida, realizzazione di un player audio in streaming

Transcript

1 Adobe Flash CS5.5 e Web Animation Lezione 7: introduzione ad ActionScript 3.0, livelli guida, realizzazione di un player audio in streaming

2 Cos è ActionScript ActionScript è il linguaggio di programmazione per l ambiente runtime Adobe Flash Player. Rende possibili l'interattività, la gestione dei dati e molte altre operazioni relative al contenuto e alle applicazioni Flash. ActionScript viene eseguito dall'avm (ActionScript Virtual Machine), che fa parte di Flash Player. Il codice ActionScript viene solitamente trasformato in formato bytecode (una sorta di linguaggio di programmazione di livello più basso) mediante un compilatore, incorporato in Adobe Flash Professional. Il bytecode viene quindi incorporato nel file SWF. ActionScript 3.0 offre un modello di programmazione che risulta familiare agli sviluppatori che hanno un'esperienza di base nella programmazione a oggetti.

3 Cosa permette di fare Mediante ActionScript è possibile controllare: Tutte le istanze di oggetti sullo stage Tutte le linee temporali (quella principale e quella di ciascun simbolo di clip filmato) L importazione, l esportazione e lo streaming di dati e contenuti multimediali da file esterni ActionScript può eseguire: Tutte le operazioni definibili attraverso l interfaccia grafica di Flash (menù, pannelli, strumenti) Algoritmi ed azioni tipici di qualsiasi linguaggio di programmazione di alto livello

4 Versioni di ActionScript e compatibilità Versione ActionScript 1.0 ActionScript 2.0 Supporto Fino a Flash Player 10 (e tutte le versioni precedenti) Flash Lite 3 ActionScript 3.0 Flash Player 9, 10 e future Flash Lite 4

5 Creazione guidata di codice ActionScript Flash Professional mette a disposizione una serie di snippet (frammenti) di codice ActionScript già pronti per l uso, per coprire le esigenze basilari di uno sviluppatore Flash (che spesso è un grafico, più che un programmatore) È possibile trovare queste risorse nel pannello Snippet di codice, ordinati in cartelle a seconda del tipo di funzione Attraverso questo pannello è possibile: Visualizzare una descrizione della funzione (selezionando una funzione e premendo sul simbolo i che compare vicino ad essa) Inserire il codice, mediante un semplice doppio clic (dopo aver selezionato il fotogramma ed, eventualmente, l oggetto a cui attribuire il comportamento)

6 Proviamo insieme Esercizio: inserire una funzione di stop in modo da fermare la riproduzione ad un fotogramma ben preciso Usare il file es7-testo-da-fermare.fla Il fotogramma a cui fermare la riproduzione è il numero 28 (come da etichetta)

7 Buone prassi di programmazione È fortemente raccomandato usare un livello dedicato per il codice ActionScript Inserendo codice dagli Snippet, Flash crea in automatico un livello Actions dedicato Scrivere codice well formed Rispettare le regole di nomenclatura di classi, metodi, proprietà, variabili, ecc. Usare sempre l indentazione giusta Commentare, commentare, commentare! Usare livelli guida di Flash per etichettare i fotogrammi notevoli di un clip

8 Livelli guida in Flash In Flash esistono alcuni tipi di livello specializzati, oltre ai livelli normali con cui abbiamo lavorato finora Un esempio l abbiamo già visto con i livelli di interpolazione movimento È possibile modificare il tipo di un livello facendo doppio clic sull icona a sinistra del nome del livello I livelli di tipo guida, in particolare, sono pensati per contenere istruzioni ed appunti relativi allo sviluppo del progetto: tutto ciò che viene scritto in essi non viene incluso nel filmato SWF.

9 Esercizio Rendere attivi i 4 pulsanti presenti nel file es7- testo-da-muovere.fla Suggerimento: i 4 snippet da usare sono tutti nella cartella Navigazione linea temporale Come da etichette sul livello guida, i frame di inizio e di fine sono, rispettivamente, il 22 e il 51

10 Esaminiamo il codice ActionScript avanti.addeventlistener(mouseevent.click, fl_clicktogotonextframe_2); function fl_clicktogotonextframe_2(event:mouseevent):void { nextframe(); } Possiamo riconoscere: Il nome istanza (attribuito da noi) La chiamata a metodo (notazione con il punto) Il metodo addeventlistener (con due parametri) La funzione per avanzare di un fotogramma (definita da noi, anche se mediante snippet) I tipi delle variabili

11 Audio in streaming Flash è in grado di connettersi ad un URL (interno o esterno al sito) corrispondente ad un file audio e di gestire questo contenuto come un flusso in streaming In pratica, dobbiamo fornire solo l indirizzo del file MP3, la gestione del caricamento la effettua Flash Per fare questo, abbiamo bisogno di 3 classi di ActionScript 3: URLRequest Sound SoundChannel ma, per fortuna, anche qui ci vengono in soccorso gli snippet di codice

12 Esercizio Creare un player audio a partire dal file es7- player-audio.fla Suggerimento: è sufficiente inserire un solo snippet, che si trova nella cartella Audio e video

13 Grazie per l attenzione! Link per scaricare le diapositive delle lezioni ed altri materiali: