martedì 1 dicembre 2009

Flash ActionScript 2.0 - Realizzare un Portfolio base (parte 1)

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. Grazie per aver letto!

Nessun commento:

Posta un commento