Flash

Di seguito alcuni esercizi per verificare il vostro grado di conoscienza della materia. Le soluzioni, quando presenti, sono cifrate in modo da poter vedere la soluzione solo dopo aver almeno provato...

Ricordate che ci sono molti modi di incorporare un oggetto, e che solo alcuni sono HTML valido. In particolare, il metodo che viene utilizzato di default in Flash non é HTML valido.

Per incorporare un oggetto Flash potete utilizzare, invece:


<object type="application/x-shockwave-flash" data="movie.swf" 

	width="400" height="300">

	<param name="movie" valueh=movie.swf" />

	<img src="noflash.gif" width="200" height="100" alt="no flash" />

</object>

In effetti anche questo metodo ha alcuni svantaggi. Lo svantaggio principale é che ha un comportamento anomalo in Internet Explorer (baco in Internet Explorer?) e scarica integralmente il filmato prima di iniziare lo streaming.

Per evitare questo tipo di situazione, potete utilizzare:


<object type="application/x-shockwave-flash" data="c.swf?path=movie.swf" 

	width="400" height="300">

	<param name="movie" value="c.swf?path=movie.swf" />

	<img src="noflash.gif" width="200" height="100" alt="no flash" />

</object>

Ovvero dovete creare un filmato flash vuoto che si occupi semplicemente del caricamento dei filmati che gli vengono passati come parametro.

Il file vuoto contiene il seguente codice ActionScript:

_root.loadMovie(_root.path,0);

Perché questo metodo funzioni il browser deve supportare il tag object. Browser rilascaiti prima del 2001 (come Netscape 4.x) hanno problemi nella gestione del tag object.

Potete leggere su alistapart.com una spiegazione dettagliata di questo metodo e di come ci si é arrivati.

Shape tweening

Creare una semplice animazione con un shape tweening.

L'animazione deve partire da una data per arrivare ad un altra (per es. dal vostro anno di nascita all'anno corrente). Utilizzare i "suggerimenti di forma" fino ad ottenere un risultato adeguato.

(vedi fla - vedi swf - caricato in pagina)

Palla che cade

  • Creare una animazione di una palla che cade a terra e rimbalza diverse volte.
  • L'animazione deve essere attivata nel momento in cui premete un pulsante.

(vedi fla - vedi swf - caricato in pagina)

Progetto

Creare una presentazione dinamico in flash in cui presentate un progetto (un vostro sistema, il costro curriculum, un vostro sito etc.). L'animazione deve essere distribuita su piú livelli e devono essere presenti almeno i livelli "labels","comments","action".

La presentazione deve essere cosí composta:

  1. Sulla prima pagina un'animazione in movimento (un'icona, un logo, il vostro nome e cognome etc.) usando un livello guida.
  2. Di seguito 3 pagine navigabili di presentazione. Ognuna di queste pagine é dotata di pulsanti di navigazione per andare avanti e indietro nella presentazione.
  3. Alla fine una pagina con il link alla vostra home page (o a quella del matec, se non l'avete ancora). La pagina presenta un pulsante "indietro".

(vedi fla - vedi swf - caricato in pagina)

Muovere un oggetto con la tastiera

Creare una semplice animazione che permetta di muovere un simbolo con le freccie direzionali del mouse.

  • In principio, il movimento avverrá a velocitá costante.
  • In seguito, aggiungete in fondo alla pagina due pulsanti, uno che permetta di aumentare la velocitá e uno che permetta di diminuire la velocitá del movimento.

(vedi fla - vedi swf - caricato in pagina)

Curriculum

Scrivere il proprio curriculum vitae in flash, caricando i dati da un file esterno. Potete usare, ad es., il metodo #include "nomefile.as".

  • Il file esterno contiene alcune variabili, che saranno richiamate dal file flash.
  • Definire nel file esterno almeno nome e cognome, curriculum, dati per il contatto e foto.
  • Utilizzare campi di testo dinamici.

(vedi fla - vedi swf - caricato in pagina)

Muovere un oggetto con frecce e mouse

Creare una semplice animazione che permetta di muovere un oggetto (es. palla) con il mouse (drag&drop) e con 9 frecce direzionali (inserite nell'animazione).

(vedi fla - vedi swf - caricato in pagina)

Fade

Creare una semplice animazione in cui un oggetto soprastante man mano sparisce e compare un oggetto sottostante. Usare l'interpolazione di forma. Aggiunge un suono di sfondo.

(vedi fla - vedi swf - caricato in pagina)