Come creare Rectangle forme con AS3

forme rettangolari sono una delle prime forme che i novizi Flash imparare a programmare in AS3 ( ActionScript 3) . Dal momento che la programmazione il rettangolo richiede solo una riga di codice , che lo rende facile da implementare per i principianti . Una volta che hai imparato a scrivere il codice per un rettangolo , è possibile utilizzare il AS3 capacità di programmazione acquisite per programmare composizioni complete basate sui rettangoli di diverse dimensioni , colori e tipi di frontiera . In combinazione con le altre competenze di programmazione AS3 , è anche possibile animare i rettangoli in modo che cambiano automaticamente il colore e le dimensioni come i vostri plays.Things animazione che vi serve
Adobe Flash Professional ( versioni CS3 , CS4 e CS5 )

Mostra Altre istruzioni
1

Avviare il programma Flash. Fare clic su " Nuovo " dal menu "File " sulla barra principale del menu Flash . Fare clic sul tipo di file " File Flash ( ActionScript 3.0 ) dalla " " finestra di dialogo che appare , e quindi fare clic su" Nuovo documento OK "per chiudere la finestra di dialogo.
2

Selezionare le " Azioni "dal " menu " nella barra del menu principale Flash per aprire la " Finestra azioni "Editor . Posizionare il cursore del mouse sulla prima riga del " Editor azioni " , e fare clic sul pulsante del mouse . Digitare il codice elencato di seguito sul " . squareColor " prima linea di "Azioni " editor per dichiarare il vostro rettangolo come oggetto "Shape" , con un " nome di istanza " di

var squareColor : Shape = new Shape ();

Sims 3

Collegare il metodo grafico " lineStyle " per la forma " squareColor " con il metodo " Graphics.lineStyle " per impostare lo stile di linea del bordo del rettangolo . Specificare un "1" pixel di larghezza ampia linea del metodo " lineStyle " per il bordo della forma . Digitare il seguente codice elencato di seguito nella riga successiva dell'editor "Azioni" per aggiungere lo stile della linea .

squareColor.graphics.lineStyle ( 1 )

4

Aggiungere il codice seguente nella riga successiva dell'editor "Azioni " per riempire la forma " squareColor " con il colore rosso ( 0xFF0000 è il codice esadecimale per il rosso ) :

squareColor . graphics.beginFill ( 0xFF0000 )
5

Collegare il metodo " drawRect " per la forma " squareColor " nella riga successiva dell'editor "Azioni" . Specificare il basso a sinistra coordinata x del vertice del rettangolo come " 200" per il primo parametro nel metodo " drawRect " . Specificare il basso a sinistra coordinata y del vertice del rettangolo come " 200" per il secondo parametro nel metodo " drawRect " . Specificare l' alto a destra della coordinata x del vertice del rettangolo come " 300" per il terzo parametro del metodo " drawRect " . Specificare l' alto a destra coordinata y del vertice del rettangolo come " 300" per il quarto parametro del metodo " drawRect " . Digitare il codice per implementare il " drawRect " nella riga successiva del "Azioni " Editor come :

squareColor.graphics.drawRect ( 200.200.300 , 300)
6

Aggiungere il prossimo riga di codice nella sezione " azioni " editor per fermare il riempimento di forme che sono stati avviati con il metodo " metodo beginFill ", che si è digitato nella prima di specificare la forma come un rettangolo . Digita il codice nella "Azioni" editore con il metodo " endFill " allegato al rettangolo " squareColor ", come illustrato di seguito .

SquareColor.graphics.endFill ( )
7

specificare l'oggetto " firstRect " come parametro nella " addChild ( )" metodo in modo che il rettangolo specificato verrà posizionato sullo schermo quando si riproduce l'animazione . Digitare l'istruzione per questo codice nella riga successiva dell'editor "Azioni" , come illustrato di seguito .

Stage.addChild ( squareColor )
8

Esaminare il codice compilato hai digitato , come mostrato di seguito , per eventuali errori di sintassi . Copia ed incolla il codice nel vostro editor "Azioni ", se non hai digitato al di sopra delle singole linee

var squareColor : . Shape = new Shape();

squareColor.graphics.lineStyle(1)

squareColor.graphics.beginFill(0xFF0000)

squareColor.graphics.drawRect(200,200,300, 300 )

squareColor.graphics.endFill ( )

stage.addChild ( squareColor )
9

Fare clic sull'opzione " TestMovie " nel menu "Control " a il principale barra dei menu Flash per riprodurre il filmato e visualizzare il rettangolo rosso si è creato con il codice AS3 .