Animazioni con ripetizione continua

Impostare il loop per un'animazione significa farla ripetere. Puoi utilizzare le animazioni con loop nella Modalità avanzata. L'animazione di ciascun elemento può essere ripetuta separatamente oppure puoi impostare il loop di un'animazione più complessa che interessa più elementi.

Loop dell'animazione per un singolo elemento

1. Nella sequenza temporale, fai clic sul pulsante Imposta ripetizione animazione sul livello di animazione a cui vuoi applicare il loop.
2. Seleziona un'opzione nel menu popup:
   • Infinita: l'animazione si ripete all'infinito.
   • ___ volte: l'animazione si ripete in totale per il numero di volte che hai specificato.
   • Nessuna: l'animazione non si ripete.

I fotogrammi chiave con loop si presentano nella sequenza temporale come copie trasparenti. Nell'esempio che segue, l'elemento red-div ha un'animazione di 0,5 secondi che si ripete in modo da essere mostrata quattro volte in totale.

Per vedere l'anteprima dell'animazione con loop sullo stage, puoi fare clic su Riproduci nella sequenza temporale.

Loop dell'animazione per più elementi

Puoi aggiungere un evento per applicare la ripetizione continua a tutta l'animazione della pagina, con inizio e fine nei tempi che specifichi.

1. Imposta un'etichetta della sequenza temporale nel punto in cui vuoi iniziare la ripetizione continua dell'animazione:
   1. Fai clic con il pulsante destro del mouse sulla traccia Eventi (la prima riga della sequenza temporale) nel punto in cui intendi iniziare la riproduzione continua dell'animazione e seleziona Aggiungi etichetta… dal menu popup.
   2. Assegna un nome all'etichetta, ad esempio loopStart, nella finestra di dialogo popup.
   3. Premi INVIO.
2. Fai clic con il pulsante destro sul punto della traccia Eventi in cui vuoi che termini la ripetizione continua dell'animazione e seleziona Aggiungi evento dal menu popup.
   
3. Fai doppio clic sull'indicatore dell'evento per configurare l'evento:
   1. Per l'Azione, scegli:
      • Sequenza temporale > gotoAndPlay per il loop infinito.
      • Sequenza temporale > gotoAndPlayNTimes per un numero specifico di ripetizioni.
   2. Per il Destinatario, scegli la pagina.
   3. Per la Configurazione, seleziona l'etichetta che hai creato in precedenza (ad esempio, loopStart) e imposta il numero di ripetizioni che vuoi.

Usa il pulsante Anteprima per vedere come si comporta l'animazione con loop in un browser.