Flash ActionScript 3 scaleY per aprire una busta
Ora che abbiamo programmato il lembo della busta nel nostro FlashR per far apparire l'animazione completamente aperta sopra la busta quando si fa clic sul pulsante timbro, è necessario perfezionare l'animazione per far sembrare che l'aletta si apra lentamente. Lo faremo controllando due proprietà del lembo. Ricorda, l'oggetto newFlap è una variabile che fa riferimento al clip filmato FlapAni nella Libreria. Usiamo questo var per far apparire il risvolto sul palco.

Come breve rassegna, nell'ultimo tutorial, abbiamo programmato una funzione chiamata openFlap per aggiungere un oggetto newFlap all'elenco di visualizzazione. Lo abbiamo fatto con il codice addChild. Abbiamo anche impostato la posizione iniziale per le proprietà newFlap.xe newFlap.y. Ciò posizionava la parte inferiore della linguetta sul bordo superiore della busta. Come accennato in precedenza, i valori per la posizione xey sullo stage possono variare in base alle dimensioni e alla posizione della busta.

La prima cosa che dobbiamo fare è sperimentare per trovare un valore newFlap.y che metterà il lembo sotto il bordo superiore dell'inviluppo, e quindi fuori dalla vista all'inizio dell'animazione. In effetti, vogliamo che la punta del lembo triangolare sia appena sotto il bordo superiore della busta. Durante la sperimentazione, potrebbe essere più semplice spostare l'aletta di 100 pixel verso destra impostando newFlap.x su 300 (un'aggiunta di 100). Ciò renderà il risvolto parzialmente visibile sul lato destro della busta. Dopo aver sperimentato, ho scoperto che un valore newFlap.y di 200 era quello di cui avevo bisogno. Questa è la nostra nuova posizione iniziale per il risvolto. Non dimenticare di riportare il valore newFlap.x al valore originale prima di passare al passaggio successivo.

  1. Dobbiamo cambiare il codice esistente dall'ultimo tutorial per riflettere il nostro nuovo valore newFlap.y di 200. Prova il tuo film dopo aver apportato questa modifica e non dovresti vedere l'aletta quando fai clic sul pulsante timbro.

    newFlap.y = 200;

    Per la nostra animazione, vogliamo che il lembo si sposti lentamente verso l'alto sopra la busta. Allo stesso tempo, dovremo ridimensionare l'aletta da un valore di scala iniziale pari a zero. Iniziando con la scala impostata su zero, possiamo rallentare il ridimensionamento del lembo per aprirlo completamente. Il valore y sposterà l'aletta verso l'alto ma è il valore di scala che farà apparire aperto l'aletta.

  2. La prossima modifica alla funzione sarà l'aggiunta del codice che imposterà la scalaY su zero e appiattirà il lembo.

    newFlap.scaleY = 0;

    Ora dobbiamo lavorare sulla parte dell'animazione che aprirà il risvolto. Esistono diversi modi per farlo con ActionScript. In questo tutorial, useremo un Listener di eventi collegato allo stage per eseguire una seconda funzione che chiameremo scaleFlap. Inseriremo questa seconda funzione all'interno della funzione openFlap.

  3. Sotto il codice scaleY, aggiungiamo il Listener di eventi allo stage. Questo è ciò che eseguirà la funzione scaleFlap.

    stage.addEventListener (Event.ENTER_FRAME, scaleFlap);

  4. Quindi, aggiungi la seconda funzione. Copia e incolla questo codice nella funzione openFlap.

    function scaleFlap (event: Event): void
    {
    if (newFlap.scaleY> = 1)
    {stage.removeEventListener (Event.ENTER_FRAME, scaleFlap); }
    altro
    {newFlap.scaleY + =. 05;
    newFlap.y - = 2.9;}
    }


    Esaminiamo il codice. La prima istruzione if verificherà il valore scaleY per vedere se è maggiore o uguale a 1. Il numero 1 rappresenta un valore di scala del 100%). Se la condizione è vera, rimuoveremo il listener di eventi e interromperemo l'animazione.

    Se la condizione è falsa, continueremo l'animazione aumentando il valore scaleY di 0,05 e spostando l'aletta verso l'alto di un 2,9 negativo. (Sullo stadio Flash, ci spostiamo verso l'alto diminuendo il valore numerico della posizione Y.) Questo continuerà con ogni nuovo fotogramma fino a quando la condizione per l'istruzione if è vera.

    Ancora una volta, questi valori numerici potrebbero essere diversi per il tuo film a causa delle dimensioni della busta e della posizione della busta sul palco. Ecco l'animazione finale.

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.