Sfoglia gli articoli

Seleziona un prodotto

Directory di supporto di null

Esplora tutti gli articoli di null (Last Updated )

Nessun articolo trovato.

Risultati della ricerca

Nessun articolo trovato.

AI Assistant: utilizzo dei prompt AI per creare animazioni di ingresso JavaScript

Ultimo aggiornamento dell'articolo 16 gen 2026

Gli autori di e-learning sanno che le animazioni di ingresso possono trasformare un corso statico in un'esperienza di apprendimento più dinamica. Tuttavia, trasformare quella visione creativa in realtà a volte può essere difficile.

È qui che entra in gioco la nuova funzionalità AI JavaScript Entrance Animations di Storyline 360. Basta chattare con AI Assistant per descrivere l'animazione che desideri. Converte le tue parole semplici in codice e genera anche automaticamente il trigger richiesto.

I seguenti suggerimenti ed esempi vanno oltre le nozioni di base per aiutarti a sfruttare al meglio questa funzionalità basata sull'intelligenza artificiale, offrendo idee creative e tecniche pratiche per dare vita ai tuoi corsi. Continua a leggere per lasciarti ispirare.

Inizia con semplici istruzioni

Con AI Assistant, non è necessario saper programmare per creare animazioni d'ingresso accattivanti. Descrivi semplicemente il tuo obiettivo con un linguaggio semplice. Qualcosa di semplice come «Fai apparire questo oggetto lentamente» dirà ad AI Assistant di creare un effetto fade-in per l'oggetto della diapositiva. Puoi anche provare istruzioni come «Fai scorrere questa forma da sinistra» o «Fai ruotare questa immagine» per vedere come una formulazione diversa produca risultati diversi.

Una volta che sei soddisfatto dell'animazione di base, puoi continuare la conversazione per perfezionarla. Ad esempio, potresti dire «Rendila più veloce», «Aggiungi un leggero ritardo» o «Ripeti questa animazione». AI Assistant si basa sulle tue istruzioni precedenti e ti consente di concatenare i prompt in modo naturale, senza bisogno di ricominciare da capo ogni volta.

Questo approccio conversazionale semplifica la sperimentazione e il perfezionamento delle animazioni finché non si muovono esattamente come le immaginavi. Inizia in modo semplice, costruisci passo dopo passo e lascia che AI Assistant gestisca i dettagli tecnici mentre ti concentri sul lato creativo.

Ottimizza le proprietà degli oggetti

Potete fare riferimento alle proprietà di base degli oggetti della diapositiva nei prompt per controllare il comportamento delle animazioni. La tabella seguente elenca le proprietà più comuni degli oggetti insieme ad esempi per aiutarti a descrivere gli effetti desiderati e guidare AI Assistant nella generazione dell'animazione giusta.

Proprietà degli oggettiEffettiEsempio di utilizzo nei prompt
Movimento e tempisticaAllentamento
  • «Ease in» (inizia lentamente e accelera).
  • «Ease out» (parte velocemente e rallenta alla fine)
  • «Ease in and out» (inizia e finisce lentamente, con un movimento più rapido al centro)
  • «Elastico» (come un elastico)
  • «Lineare» (nessun cambio di velocità)
 Looping
  • «Loop infinitamente»
  • «Loop forever»
  • «Rimuovi l'animazione dalla timeline»
 Velocità
  • «Rallenta l'animazione»
  • «Rallenta l'animazione 2 volte»
  • «Accelera l'animazione in modo che impieghi 2 secondi in totale»
 Sfalsato
  • «Dissolvenza sequenziale»
  • «Dissolvenza uno dopo l'altro»
Posizione e movimento3D
  • «Fai girare l'oggetto in 3D»
  • «Ruota l'oggetto in 3D con prospettiva»
  • «Aggiungi un'inclinazione 3D»
 Distanza
  • «Sposta il rettangolo verso destra di 200 px» (chiedi all'Assistente AI qual è la dimensione della diapositiva per avere un'idea di quanti pixel specificare).
 Posizione
  • «Sposta a sinistra/destra»
  • «Sposta al centro della diapositiva»
  • «Vai alla fine della diapositiva»
 Scala
  • «Scala 200%»
  • «Riduci il 50%»
  • «Aumenta le dimensioni di 3 volte» (300%)
Visuale e stileSfocatura
  • «Sfoca dentro»
Tonalità
  • «Aggiungi una rotazione di tonalità» (Crea effetti cromatici casuali)
Opacità
  • «Dissolvenza»
  • «Dissolvenza»
  • «Anima l'opacità da 1 a 0,5" (nota che 0 è completamente trasparente e 1 o 100% è completamente opaco).

Crea animazioni in più fasi (esempi video)

Vuoi vedere cosa è possibile fare? I video seguenti mostrano come aggiungere movimento, profondità ed energia visiva ai tuoi progetti. Dalle sequenze della timeline ai movimenti in loop e alle rivelazioni delle maschere, questi esempi mostrano la gamma creativa che puoi ottenere con le animazioni di ingresso JavaScript AI.

Sequenze temporali

Nel video qui sotto (senza audio), osservate come le animazioni di entrata e uscita interagiscono in un flusso senza interruzioni. Dissolvenze, trasformazioni e tempi sfalsati aggiungono ritmo e raffinatezza a questa sequenza coordinata.

Animazione sequenziale

Il video di esempio riportato di seguito (senza audio) collega senza interruzioni più effetti (rotazioni, impulsi e sfocature) per creare movimenti che si evolvono lungo la diapositiva, generando un flusso narrativo fluido.

Cicli di movimento fuori timeline

Il video seguente (nessun suono) mostra un movimento continuo e continuo che si verifica al di fuori della timeline. Le morbide oscillazioni e i cambiamenti di colore creano movimenti delicati e persistenti che arricchiscono l'umore.

La maschera rivela

Guardate il video qui sotto (senza audio) per vedere le immagini rivelate attraverso il mascheramento, che crea un effetto uniforme e stratificato. Se abbinato a ingressi sfalsati e transizioni successive, crea un momento visivo simile a una storia.

Stimola la tua creatività

Se la diapositiva è piena di oggetti e non sai cosa spostare, dissolvere o evidenziare, chiedi delle idee ad AI Assistant. Ad esempio, chiedi ad AI Assistant quali oggetti animare, come semplificare il movimento o quali stili di animazione potrebbero funzionare meglio insieme. A volte viene visualizzato un messaggio rapido come «Qual è un buon modo per animare questa diapositiva?» è tutto ciò che serve per far funzionare le cose.

Nel video qui sotto (senza audio), vedrai AI Assistant in azione, che offre suggerimenti intelligenti per migliorare una diapositiva affollata. Nota come analizza gli oggetti e suggerisce di organizzare le animazioni per creare una diapositiva più pulita e intenzionale senza perdere la creatività.