Aggiunta di interpolazioni di movimento

L'interpolazione di movimento è un tipo di animazione nella quale un oggetto viene spostato da una posizione all'altra. In questo progetto, le immagini delle specialità del ristorante vengono spostate verso l'alto nell'animazione quando l'utente fa clic su un pulsante che verrà aggiunto in seguito.

INFO...

 

Informazioni sulle interpolazioni di movimento La definizione interpolazione di movimento si riferisce al fatto che l'animazione include un movimento e al modo in cui tale movimento viene creato. Il termine interpolazione si riferisce alle posizioni intermedie dell'oggetto. Le animazioni con interpolazione di movimento vengono create mediante la definizione da parte dell'utente della posizione iniziale dell'oggetto che viene animato e quindi della posizione finale; tutte le posizioni intermedie dell'oggetto vengono calcolate da Flash. In questo modo, è possibile creare animazioni fluide, semplicemente impostando le posizioni iniziale e finale dell'oggetto dell'animazione.

Per aggiungere le interpolazioni di movimento:

  1. Nella linea temporale, selezionare il fotogramma 1 del livello 1.
  2. Nella finestra di ispezione Proprietà, selezionare Movimento dal menu Interpolazione.

    I fotogrammi da 1 a 19 del livello 1 diventano un'interpolazione di movimento. Si noti che nella linea temporale di questi fotogrammi viene visualizzata una freccia.

  3. Nella finestra di ispezione Proprietà, trascinare il cursore accanto alla casella di testo Andamento fino a impostare il valore 100.

    Questo numero imposta l'andamento dell'interpolazione alla fine del movimento, vale a dire che il movimento inizierà in modo improvviso e terminerà gradualmente.

    INFO...

     

    Informazioni sulle animazioni di andamento Il comportamento predefinito delle interpolazioni di movimento prevede il movimento dell'animazione a velocità costante per l'intera durata. Tuttavia, l'aspetto visivo è spesso insoddisfacente. Un'auto non si sposta da 0 a 50 istantaneamente e questo vale anche per le animazioni. L'impostazione dell'andamento di un'animazione equivale ad accelerare un'auto lentamente. Il termine andamento indica un movimento lento, sia quando viene iniziato sia quando viene interrotto. L'aggiunta di un valore di andamento comporta la gradualità dell'inizio e della fine delle interpolazioni di movimento.
  4. Nella linea temporale, selezionare il fotogramma 20 del livello 1.
  5. Nella finestra di ispezione Proprietà, selezionare Movimento dal menu Interpolazione.
  6. Trascinare verso l'alto il cursore accanto alla casella di testo Andamento, fino al valore 100.
  7. Fare clic sull'istanza del clip filmato slides_mc sullo stage per selezionarla.
  8. Nella finestra di ispezione Proprietà, immettere -150 nella casella di testo Y.

    L'istanza del clip filmato slideShow viene spostata di 150 pixel verso l'alto nel fotogramma chiave del fotogramma 20. L'interpolazione di movimento dal fotogramma 1 al fotogramma 20 farà scivolare il clip filmato lentamente verso l'alto anziché farlo saltare da una posizione a quella successiva.

  9. Nella linea temporale, selezionare il fotogramma 40 del livello 1.
  10. Nella finestra di ispezione Proprietà, selezionare Movimento dal menu Interpolazione.
  11. Trascinare verso l'alto il cursore accanto alla casella di testo Andamento, fino al valore 100.
  12. Fare clic sull'istanza del clip filmato slides_mc sullo stage per selezionarla.
  13. Nella finestra di ispezione Proprietà, immettere -300 nella casella di testo Y.
  14. Nella linea temporale, selezionare il fotogramma 60 del livello 1.
  15. Nella finestra di ispezione Proprietà, selezionare Movimento dal menu Interpolazione.
  16. Trascinare verso l'alto il cursore accanto alla casella di testo Andamento, fino al valore 100.
  17. Fare clic sull'istanza del clip filmato slides_mc sullo stage per selezionarla.
  18. Nella finestra di ispezione Proprietà, immettere -450 nella casella di testo Y.
  19. Nella linea temporale, selezionare il fotogramma 80 del livello 1.
  20. Fare clic sull'istanza del clip filmato slides_mc sullo stage per selezionarla.
  21. Nella finestra di ispezione Proprietà, immettere -600 nella casella di testo Y.
  22. Nella Linea temporale, fare clic sul numero 1 nella barra Numero fotogramma.
  23. Premere Invio.

    Un'anteprima dell'animazione viene riprodotta sullo stage. Il codice ActionScript stop(); immesso in precedenza viene ignorato in modalità di anteprima.

La creazione del simbolo slideShow, contenente una linea temporale interna complessa, è terminata. A questo punto è possibile modificare la linea temporale principale del file FLA.



Linea temporale con le interpolazioni di movimento completate