Obiettivo: Creare un preload completo di tutte le funzionalità riutilizzabile in tutti i nostri progetti.

1. Impostiamo swishmax - Modifica delle impostazioni di base di swishmax;
2. Realizzazione dell'interfaccia base - Creazione dei contenuti di base del preload;
3. Lo script iniziale - Scrittura del codice per far funzionare un preload semplificato;
4. Aggiungiamo altri dati - Implementiamo la visualizzazione di dati aggiuntivi nell'interfaccia;
5. Modifica dello script - Modifichiamo lo script per farci restituire ulteriori dati;
6. Conclusioni - Conclusioni generali del tutorial.

In questo tutorial analizzeremo la realizzazione di un preload completo. Per completo intendo un preload con tutti i dati che swish ci può fornire.

1) Impostiamo swishmax

Inizieremo con la base, cioè la realizzazione di un preload con la sola barra di caricamento e l'indicazione della percentuale caricata. Una volta ultimata questa prima parte implementeremo gli altri dati nel progetto, per ottenere uno strumento completo, utilizzabile in tutti i nostri siti.

Come primo passo dobbiamo controllare le impostazioni di swishmax, per essere sicuri che tutto possa funzionare correttamente. I passi da seguire per questa operazione sono molto semplici:

1. controllare nel pannello esporta che ci sia come formato di esportazione swf il formato swf 6
2. sempre nel pannello esporta controllare in script che sia abilitato il supporto delle proprietà fisiche

2) Realizzazione dell'interfaccia base

Rinominiamo la scena_1 in preload, andiamo nel pannello filmato ed impostiamo larghezza ed altezza a 200, quindi impostiamo un colore di sfondo nero.

A questo punto andiamo nel pannello guide ed attiviamo la griglia e l'agganciamento alla griglia, quindi impostiamo la larghezza e l'altezza della griglia a 20.

Mediante lo strumento Rettangolo creiamo un rettangolo di 160x20 px (in questo ci aiuta la griglia), quindi andiamo nel pannello figura e diamo un nome a questo rettangolo. Chiamiamolo barra e spuntiamo target, quindi selezioniamo linea nessuna e riempimento uniforme (scegliamo un bel blue acceso).

A questo punto andiamo nel pannello trasforma, impostiamo il punto di ancoraggio in alto a sinistra e togliamo il segno di spunta a X=Y in corrispondenza della scala, dopo di che impostiamo la scala sull'asse X a 0.1.

Creiamo un nuovo rettangolo sovrapposto al primo e delle stesse dimensioni. Andiamo nuovamente nel pannello figura e diamogli come nome bordo, quindi selezioniamo una linea continua e diamogli colore bianco. Il riempimento lo imposteremo a nessuno, ed avremo ottenuto due rettangoli di cui uno sarà il bordo che resterà di dimensioni fisse, mentre il rettangolo blu (che ormai non sarà più visibile), sarà la nostra barra di caricamento.