In questo primo tutorial inizieremo a costruire una sorta di portfolio flash abbastanza basico, con le minime funzioni necessarie (about us, gallery, audio, video, contatti) utilizzando alcuni componenti di flash e l'actionscript 2.0. Inserisco anche un piccolo indice per trovare velocemente la voce interessata con il "ctrl+f " (trova) dei più diffusi browser.
-----------------------------------------
INDICE
----------------------------------------
FL2CF - COMPOSIZIONE DEL FILE
FL2C1 - FSCOMMAND
FL2C2 - LOADER
FL2C3 - PULSANTIERA (MENU)
FL2NT - NOTE
--------------------------------------------------------------------
FL2CF - COMPOSIZIONE DEL FILE
--------------------------------------------------------------------
- creiamo un file AS2.0 con 3 livelli e 2 fotogrammi.
- il livello più "in alto" lo chiameremo "azioni" e ci scriveremo
appunto solo le azioni
- nel secondo fotogramma inseriamo l'azione STOP:
____________________________________________________________________
stop();
____________________________________________________________________
- nel livello centrale inseriamo (premendo ctrl+f7 e aprendo la finestra
componenti - user interface) il "loader" (vedi FL2C2) nello stage,
con le stesse dimensioni dello stage, con posizione 0;0
e con nome istanza "main_ldr" (utilizzando questo nome attiveremo gli aiuti
di flash quando scriviamo codice)
- impostiamo la scheda parametri del loader (vedi FL2C2)
- oppure scriviamo il codice sotto lo stop messo precedentemente
(ha la precedenza sulla finestra paramentri):
____________________________________________________________________
this.main_ldr.contentPath = "nomefile.swf"
____________________________________________________________________
dove "this" va ad indicare che andremo ad agire NEL MovieClip (MC)
con il nome "main_ldr" anche se in questo caso
è superfluo perchè ci troviamo già nella timeline principale.
- ora creiamo un nuovo file che chiameremo ad esempio "puls.swf".
nel nostro swf principale quindi l'actionscript sarà:
____________________________________________________________________
stop();
main_ldr.contentPath = "puls.swf"
____________________________________________________________________
- Ora nel file puls.swf creiamo la pulsantiera (vedi FL2C3)
--------------------------------------------------------------------
FL2C1 - FSCOMMAND
--------------------------------------------------------------------
consente di comunicare tra SWF e FLASH PLAYER (in qualunque contesto
esso si trovi)
SINTASSI:
fscommand(comando:Stringa, parametro:Stringa);
ALLOWSCALE:
fscommand("allowscale", "false"); ---> permette o no di scalare il filmato
FULLSCREEN:
fscommand("fullscreen", "true"); ----> permetto o no lo schermo intero
SHOWMENU:
fscommand("showmenu", "false"); -----> mostra o nasconde il menu in alto
questi comandi si mettono nel primo fotogramma;
--------------------------------------------------------------------
FL2C2 - LOADER
--------------------------------------------------------------------
- ci permette di creare contenitori, ognuno con un contenuto specifico
ed ognuno dentro l'altro, in modo da caricare una volta sola le
parti comuni e caricare solo le parti ke ci interessano.
- scheda "Parametri" del Loader:
autoLoad --------> indica se deve caricare il contenuto in modo automatico (meglio di si)
contentPath -----> il percorso del contenuto da caricare
scaleContent ----> indica se deve o no ridimensionare il contenuto (meglio di no)
--------------------------------------------------------------------
FL2C3 - PULSANTIERA (MENU)
--------------------------------------------------------------------
- creiamo un clip filmato chiamato ad esempio "puls" con nome di istanza "puls_mc".
all'interno creiamo l'animazione del "rollover" che finirà ad esempio
al fotogramma 15 e del "rollout" che finrà ad esempio al fotogramma 30.
Mettiamo gli "stop" nel fotogramma 1 e nel fotogramma dove
finirà l'animazione del rollover, in questo caso 15.
- ora nella timeline principale inseriamo le azioni:
___________________________________________________________________
puls_mc.onRollOver = function() {
this.gotoAndPlay(2);
};
puls_mc.onRollOut = function() {
this.gotoAndPlay(16);
};
___________________________________________________________________
dove il "this" stavolta indica che il MC principale è "puls_mc",
"onRollOver" indica il passaggio del mouse sopra e
"on RollOut" indica il passaggio del mouse fuori dal MC.
"function()" indica che stiamo appunto richiamando una funzione da
associare al nostro MC.
"()" che abbiamo visto anche negli stop significa che stiamo
utilizzando un "metodo" ed è essenziale al funzionamento del filmato.
- Ripetiamo quindi il procedimento per ogni pulsante del menu.
--------------------------------------------------------------------
FL2NT - NOTE
--------------------------------------------------------------------
- dando "_mc" alla fine del nome d'istanza di un MovieClip (MC appunto)
attiveremo scrivendo codice gli aiuti di flash.
- scrivendo:
____________________________
// quello che ci pare
____________________________
aggiungiamo un commento all'interno dell'actionscript
che non verrà letto dal codice.
a questo punto dovremmo avere un contenitore base con una pulsantiera.
Continueremo nel prossimo tutorial Flash
giovedì 10 dicembre 2009
Iscriviti a:
Post (Atom)