Aggiungi ActionScript al pulsante per l'animazione della busta

• Potrebbe 9, 2024

Negli ultimi tutorial, abbiamo terminato l'animazione che ha fatto volare la busta al centro del palco e aggiunto il nostro pulsante invisibile sopra il timbro sulla busta. Ora, l'unica cosa che resta da fare per la prima metà dell'animazione è aggiungere alcune righe di ActionScript al nostro pulsante. Questo codice indica a Flash di interrompere semplicemente l'animazione sul fotogramma 80 e di ascoltare il clic del pulsante. Quando si fa clic sul pulsante, ActionScript sposta l'animazione sul fotogramma 81 e sulla seconda metà dell'animazione. Ovviamente, dobbiamo ancora costruire il resto dell'animazione, ma per ora lavoreremo sul codice che farà sì che il nostro pulsante controlli la linea temporale.

Apri il nostro file fla in Flash CS3. A questo punto abbiamo 80 fotogrammi sulla linea temporale. Lavoreremo su Frame 80 durante questo tutorial.

1. Sblocca i livelli Actions e InvButton. Nel fotogramma 80 del livello Actions, fare clic con il pulsante destro del mouse e aggiungere un fotogramma chiave. Dalla barra dei menu, fare clic su Finestra, Azioni per aprire il pannello Azioni.
   
   
2. Aggiungi il codice seguente nel pannello Azioni.
   
   fermare();
   
   InvButton1.addEventListener (MouseEvent.CLICK, open_Env);
   
   funzione open_Env (myevent: Event): void {
   InvButton1.removeEventListener (MouseEvent.CLICK, open_Env);
   giocare();
   }
   
   Come puoi vedere, questo codice ha tre parti. Per prima cosa aggiungiamo il codice stop () per interrompere l'animazione e attendere che si faccia clic sul pulsante. Poiché il codice si trova nel frame 80, è lì che si fermerà l'animazione.
   
   Successivamente, aggiungiamo un EventListener all'istanza InvButton1 del nostro pulsante timbro invisibile. Questo EventListener ascolterà il clic del mouse sul pulsante e quindi chiamerà la funzione open_Env.
   
   La funzione open_Env fa due cose. Innanzitutto rimuove EventListener e quindi sposta l'animazione nel fotogramma 81 con il codice play ().
   
   
3. Dopo aver aggiunto ActionScript al pannello Azioni, è possibile chiudere il pannello Azioni.
   
   
4. Come puoi vedere, abbiamo fatto tutto questo sul Frame 80. Fai clic su Controllo, Prova filmato per provare il pulsante. Vedrai che l'animazione non torna automaticamente all'inizio della linea temporale dopo il fotogramma 80 come in precedenza. Ora, il nostro film si ferma e aspetta che qualcuno faccia clic sul pulsante. Questo perché ora stiamo controllando la linea temporale con ActionScript.
   
   

Salva il tuo file fla per il prossimo tutorial quando inizieremo a lavorare sulla seconda metà dell'animazione della busta.

Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.