Creazione di un Flash ActionScript 3 navigazione animati non solo aggiunge interattività al tuo sito Web, ma inoltre permette agli utenti di sapere dove sono. I modi per aggiungere un'animazione alla navigazione sono limitato solo dalla fantasia, ma per iniziare, si creerà una palla semplice che segue il mouse lungo il menu di navigazione. Questa lezione utilizza anche matrici; per quelli di voi che sono nuovi per matrici, questo è un ottimo modo per avere i piedi bagnati.

Istruzioni

1

Aprire Flash e fare clic su "File", "Nuovo" e quindi fare clic su "Flash File (ActionScript 3.0)" dal menu estraibile. Fare clic sullo strumento rettangolo nella barra degli strumenti e mentre si tiene premuto il mouse, trascinare sullo stage per disegnare un rettangolo. Fare clic sullo strumento testo e digitare "Giocare" sopra il rettangolo.

2

Fare clic su sia il rettangolo e il testo di "Play" per evidenziarli. Dal menu principale, fare clic su "Modifica", quindi fare clic su "Converti in simbolo nuovo" dal menu pull-out. Fare clic sulla casella radiale "Button" e digitare "playMC" per il nome.

3

Fare clic su "Finestra" dal menu principale e scegliere "Proprietà" e poi "Proprietà" nuovamente dal menu pull-out. Con il tuo sfondo e testo ancora evidenziato, digitare "home_btn" nel campo nome istanza nel pannello Proprietà.

4

Fare clic su "Inserisci livello" nella parte inferiore della linea del tempo e il nome "pulsanti". Fare clic sullo strumento testo sulla barra degli strumenti. Nel pannello Proprietà, fare clic su "Testo statico". Digitare le intestazioni di navigazione, ad esempio "Casa", "Circa" e "Contatta".

5

Destro del mouse su "Home" e quindi fare clic su "Converti in simbolo" dal menu pull-out. Nome "Home" fare clic sul "Pulsante" per il tipo di simbolo e quindi, sulla riga inferiore registrazione, fare clic su casella di controllo centrale. Fare clic su "OK".

6

Digitare "home_btn" per un nome di istanza nel riquadro proprietà. Ripetere questo processo per tutte le intestazioni di navigazione. Dare a ciascuno un nome univoco e immediato come "contact_btn."

7

Fare clic su "Inserisci livello" nella parte inferiore della linea temporale e nome "anima". Fare clic sullo strumento ovale da barra degli strumenti e disegnare una sfera sulla scena tenendo premuto il mouse e trascinando. Posizionare la palla sotto il pulsante "Home".

8

Pulsante destro del mouse sulla palla e quindi fare clic su "Converti in simbolo" dal menu pull-out, il nome "ball_mc" e fai clic su "Movie Clip" per il tipo di simbolo. Fare clic su "OK".

9

Fare clic su "Inserisci livello" nella parte inferiore della linea del tempo e il nome "AS3." Fare clic destro sul fotogramma 1 del vostro livello di azione e quindi fare clic su "Azione" dal menu pull-out. Digitare il seguente codice:

importazione fl.transitions.Tween;

importazione fl.transitions.easing.*;

/Modificare nomi di btn come necessari/

var buttonsArr:Array = new Array(home_btn,contact_btn);

var linkArr:Array = new Array ();

/Modifica indirizzo di navigazione qui/

linkArr.push (la "http://www.google.com/");

linkArr.push (la "http://www.yahoo.com.html");

per (var i:uint = 0; i < buttonsArr.length; i + +) {

buttonsArr [i] .addEventListener (MouseEvent.ROLL_OVER, moveFollow);

buttonsArr [i] .addEventListener (MouseEvent. Click, clickURL);

}

Function moveFollow(event:MouseEvent):void () {

nuova interpolazione (ball_mc, "x", Strong.easeOut,ball_mc.x,event.currentTarget.x, 1, true);

}

Function clickURL(event:MouseEvent):void {per (var j:uint = 0; j < linkArr.length; j + +) {

Se (Event = = buttonsArr[j]) () {

navigateToURL (nuovo URLRequest(linkArr[j])); } } }