Come impostare più bersagli a caduta in AS3

software Flash offre caratteristiche grafiche che può trasformare un triste , negozio online in un'entusiasmante esperienza di shopping per i vostri clienti animazioni , suoni e . Animazioni colorate , musica e grafica nitidi -looking aiuterà anche vendere i vostri prodotti . Indipendentemente da come si progetta il tuo negozio online, è necessario creare bersagli a caduta in ActionScript 3 ( AS3 ) , il linguaggio di programmazione Flash. Un target di rilascio in un negozio online è più spesso il carrello della spesa , l'oggetto in cui il cliente cade un acquisto . Più bersagli a caduta lasciate che i prodotti goccia cliente in diversi carrelli della spesa , che può rendere easier.Things di shopping online che ti serviranno
Adobe Flash Professional CS3 , CS4 o CS5 versioni

Mostra Altre istruzioni

1

Avviare il programma Flash. Fare clic su " File Flash ( ActionScript 3.0 )" dalla finestra iniziale per creare un nuovo file per il bersagli a caduta multipla progetto AS3 Flash .
2

Selezionare "Azioni" dal menu "Finestra" sulle principali barra dei menu Flash per aprire l'editor di ActionScript 3 . Posizionare il cursore del mouse sulla prima riga dell'editor ActionScript 3 . Fare clic con il pulsante del mouse e digitare o copiare e incollare il codice seguente

var shoppingCart : . Shape = new Shape();

shoppingCart.graphics.lineStyle(1);

shoppingCart.graphics.beginFill(0xffff00);

shoppingCart.graphics.drawRect(200,200,100, 100);

shoppingCart.graphics.endFill ();

stage.addChild ( shoppingCart ) ;

var shoppingCart2 : Shape = new Shape();

shoppingCart2.graphics.lineStyle(1);

shoppingCart2.graphics.beginFill(0x00ff00);

shoppingCart2.graphics.drawRect(400,200,100, 100);

shoppingCart2.graphics.endFill ();

stage.addChild ( shoppingCart2 ) ;

Questo codice crea un giallo e un verde rettangolare carrello. Il metodo drawRect viene utilizzata per disegnare ciascuno dei rettangoli carrello . I primi due numeri nel metodo drawRect specificano la posizione ( in pixel ) dell'angolo inferiore destro del rettangolo e le seconde due numeri specificano la larghezza e l'altezza del rettangolo . I metodi beginFill e endFill vengono utilizzati per riempire il rettangolo con un colore ( ffff00 è per il giallo e 00FF00 è per il verde) .
3

digitare o copiare e incollare il seguente codice a partire da la successiva riga dell'editor ActionScript 3

var prodotto : . MovieClip = new MovieClip();

product.graphics.beginFill(0xff0000);

product.graphics.drawCircle(100,100,30);

product.graphics.endFill();

stage.addChild(product);

The codice disegna e inserisce un cerchio rosso sul palcoscenico il cui centro è posizionato sul palco Flash a coordinate ( 100.100 ) e ha un raggio di 30 pixel . Il metodo addChild pone il cerchio sul palco Flash .
4 Tipo

o copiare e incollare il seguente codice a partire dalla prossima riga dell'editor ActionScript 3 .

Product.addEventListener ( MouseEvent.MOUSE_DOWN , itemSelected_fn ) ;

funzione itemSelected_fn ( buyEvent : MouseEvent ) : void

{

buyEvent.target.startDrag ();

prodotto . addEventListener ( MouseEvent.MOUSE_UP , itemDeSelected_fn ) ;

};

il codice attacca un mouse listener di eventi al prodotto ( cerchio rosso) . Quando viene premuto il mouse mentre il cursore del mouse si trova sopra il prodotto , il cliente può trascinare il prodotto . Il listener di eventi passa l'oggetto prodotto attraverso la funzione itemSelected come obiettivo buyEvent . All'interno della funzione itemdeselected , un mouse fino evento ascoltatore viene aggiunto al prodotto . Quando il cliente rilascia il mouse , il codice nel itemDeselected_fn verrà eseguito .
5 Tipo

o copiare e incollare il seguente codice a partire dalla prossima riga dell'editor ActionScript 3 .

funzione itemDeSelected_fn ( buyEvent : MouseEvent ) : void {

se ( product.dropTarget == shoppingCart ) { product.x = 150; product.y = 150; buyEvent.target.stopDrag ( ) ; trace (" Questo articolo sarà inviato a casa vostra " ) } else buyEvent.target.stopDrag ();

se ( product.dropTarget == shoppingCart2 ) { product.x = 350; product.y = 150; buyEvent.target.stopDrag ( ) ; trace ( "Questo articolo sarà trasmesso al vostro ufficio " ) } else buyEvent.target.stopDrag ();

};

Quando il pulsante del mouse viene rilasciato dopo un'operazione di trascinamento , questo codice determina quale goccia di destinazione ( ShoppingCart o ShoppingCart2 ) il prodotto era finita quando il pulsante del mouse è stato rilasciato . Condizionale " se " vengono utilizzati dichiarazioni. Se il prodotto era sopra il giallo carrello della spesa il messaggio , " Questo articolo sarà inviato a casa vostra , " sarà visualizzato sul pannello di uscita di Flash. Se il prodotto è stato sopra il verde carrello della spesa il messaggio , " Questo articolo sarà trasmesso al vostro ufficio , " sarà visualizzato .
6

Fare clic su " Prova filmato " nel menu "Control" . Osservano che un cerchio rosso e un rettangolo giallo e verde sono sul palco Flash. Fare clic e trascinare il cerchio rosso sul rettangolo giallo . Osservare il messaggio " Questo articolo sarà inviato a casa vostra " viene visualizzato nel pannello Output . Fare clic e trascinare il cerchio rosso sul rettangolo verde . Osservare il messaggio " Questo articolo sarà trasmesso al vostro ufficio " viene visualizzato nel pannello Output .