Creare un menu elastico
Questo esercizio tratta la creazione di un menu elastico,animato, il tutto si divide in molti passi, seguiteli allaperfezione, il risultato sarà perfetto! Questoesercizio utilizza diversi comandi di ActionScript, ma lalezione non sarà mirata a capire la sintassi esatta diogi azione ma capire come realizzare e soprattutto modificarel'esempio. Buon lavoro!
.:Passo 01:.
Una volta impostata la grandezza del movie, cliccate sulmenu "inserisci/nuovo simbolo" e create unsimbolo movieclip. Chiamatelo"menuprops".
.:Passo 02:.
Adesso siete all'interno del movieclip, create unascritta "Menu", convertitela come simboloPulsante, editatelo e assegnate gli stati che volete.
.:Passo 03:.
Una volta creato il simbolo pulsante tornate al movieclip"menuprops", create un rettangolo, poiselezionate lo strumento testo ed inserite un campo di"testo dinamico", come nella figura, edimpostate la variabile del testo come"titolo".
.:Passo 04:.
A questo punto inserite un nuovo simbolo pulsante,aggiungete al pulsante solo lo stato "Hit",area calda.
.:Passo 05:.
Posizionate il simbolo pulsante con solo lo stato"Hit", che appare a video con un coloreverdino, sopra l'ultimo oggetto che avete creato, poiselezionate il tutto e convertite come simbolo"MovieClip".
.:Passo 06:.
Copiate il MovieClip per quante volte volete, ad esempio sevi servono quattro sezioni; Contatti, Lavori, Links eNews, copiatelo come la figura sopra.
Ora passiamo alle Azioni:
La prima parte del lavoro è fatta! Adesso avetecreato tutti gli elementi necessari per l'animazione,adesso dobbiamo passare all'azione con le azioni, :-) Inquesta fase verranno spiegate le azioni in maniera genericasenza spiegare ogni singola riga e la loro sintassi, masarete in grado di capire il loro funzionamento e quindimodificare i parametri principali. Di nuovo BuonLavoro!
.:Passo 07:.
Tornate sulla "scena1" vedrete unmovieclip come nella figura, adesso come consiglio di solitoper aggiungere uno script che funziona su tutta il movie,consiglio di aggiungere un livello e aggiungere uno scriptsul primo frame. Dobbiamo settare una"variabile" che viene richiamata poi daaltre azioni all'interno del movie; aprite la finestraazioni, cliccate sul " + " sciegliete"action/setvariable", bene adesso aggiungeteil nome alla variabile "propsvar" e comevalore "0" , selezionate la casella"Espressione".
.:Passo 08:.
Selezionate il movieclip e assegnate queste azioni, lescritte rosse vi danno il riferimento delle voci che dovetecercare cliccando sul " + " nella finestra action.Scrivete tutto con attenzione. Queste azioni settanola posizione del movieclip.
.:Passo 09:.
Fate attenzione a quando far scaturire l'evento,tenete sempre d'occhio le immagini dell'esempio.
.:Passo 10:.
Ora editate il movieclip, selezionate il simbolo pulsante"Menu" , assegnate le seguenti azioni. Questeazioni legate al pulsante richiamano la variabileinizializzata in precedenza.
.:Passo 11:.
Selezionate adesso il movieclip ed assegnate le azioni,ma fate attenzione alla variabile "titolo",vi ricordate il campo testo che avete inserito all'inizioe la variabile associata al campo testo dinamico? Quellavariabile titolo risulta molto importante per il nome chevolete visualizzare sul tasto, cambiatelo per ogni movieclipche avete duplicato.
.:Passo 12:.
Siamo alla fine. Editate il simbolo pulsante con la solaarea calda "Hit", assegnate le seguentiazioni.
Tornate sulla scena principale testate il movie.
.:Fine:.