Recherche d'articles

Sélectionnez un produit

Répertoire d'assistance de null

Explorez tous les articles de null (Last Updated )

Aucun article trouvé.

Résultats de recherche

Aucun article trouvé.

Assistant IA : utilisation des invites d'IA pour créer des animations d'entrée JavaScript

Article mis à jour pour la dernière fois le 16 janv. 2026

Les auteurs d'apprentissage en ligne savent que les animations d'entrée peuvent transformer un module statique en une expérience d'apprentissage plus dynamique. Cependant, il peut parfois être difficile de transformer cette vision créative en réalité.

C'est là qu'intervient la nouvelle fonctionnalité AI JavaScript Entrance Animations de Storyline 360. Discutez simplement avec l'Assistant AI pour décrire l'animation que vous souhaitez. Il convertit vos mots simples en code et génère même automatiquement le déclencheur requis.

Les conseils et exemples suivants vont au-delà des principes de base pour vous aider à tirer le meilleur parti de cette fonctionnalité basée sur l'IA, en proposant des idées créatives et des techniques pratiques pour donner vie à vos modules. Poursuivez votre lecture pour trouver l'inspiration.

Commencez par des instructions simples

Avec AI Assistant, vous n'avez pas besoin de savoir coder pour créer des animations d'entrée accrocheuses. Décrivez simplement votre objectif dans un langage simple. Quelque chose d'aussi simple que « Faire apparaître cet objet lentement » indiquera à AI Assistant de créer un effet de fondu pour votre objet de diapositive. Vous pouvez également suivre des instructions telles que « Faire glisser cette forme depuis la gauche » ou « Faire pivoter cette image » pour voir comment un libellé différent produit des résultats différents.

Une fois que vous êtes satisfait de votre animation de base, vous pouvez poursuivre la conversation pour l'affiner. Par exemple, vous pouvez dire « Accélérer », « Ajouter un léger délai » ou « Boucler cette animation ». AI Assistant s'appuie sur vos instructions précédentes pour vous permettre d'enchaîner les instructions de manière naturelle, sans avoir à recommencer à chaque fois.

Cette approche conversationnelle permet d'expérimenter et d'affiner facilement vos animations jusqu'à ce qu'elles se déplacent exactement comme vous l'aviez imaginé. Commencez simplement, construisez étape par étape et laissez AI Assistant s'occuper des détails techniques tout en vous concentrant sur le côté créatif.

Affiner les propriétés de l'objet

Vous pouvez faire référence aux propriétés de base des objets de diapositive dans vos instructions pour contrôler le comportement des animations. Le tableau ci-dessous répertorie les propriétés courantes des objets ainsi que des exemples pour vous aider à décrire les effets souhaités et à aider AI Assistant à générer la bonne animation.

Propriétés de l'objetEffetsExemple d'utilisation dans les invites
Mouvement et chronométrageFacilitation
  • « Ease in » (Démarre lentement et accélère.)
  • « Ease out » (démarre rapidement et ralentit à la fin)
  • « Facilité d'entrée et de sortie » (commence et se termine lentement, avec des mouvements plus rapides au milieu)
  • « Élastique » (comme un élastique)
  • « Linéaire » (aucun changement de vitesse)
 En boucle
  • « Boucle à l'infini »
  • « Boucle pour toujours »
  • « Supprimer l'animation de la chronologie »
 Vitesse
  • « Ralentissez l'animation »
  • « Ralentissez l'animation 2 fois »
  • « Accélérez l'animation pour qu'elle prenne 2 secondes au total »
 Échelonné
  • « Estomper de manière séquentielle »
  • « Estomper l'un après l'autre »
Position et mouvement3D
  • « Pier l'objet en 3D »
  • « Pier l'objet en 3D avec perspective »
  • « Ajouter une inclinaison 3D »
 Distance
  • « Déplace le rectangle de 200 pixels vers la droite » (Demandez à AI Assistant quelle est la taille de la diapositive pour avoir une idée du nombre de pixels à spécifier.)
 Position
  • « Déplacer vers la gauche/droite »
  • « Déplacer vers le centre de la diapositive »
  • « Déplacer vers le bas de la diapositive »
 Échelle
  • « Échelle 200 % »
  • « Rétrécir de 50 % »
  • « Augmenter la taille 3 fois » (300 %)
Visuel et styleFlou
  • « Intégrer dans le flou »
Teinte
  • « Ajouter une rotation de teinte » (crée des effets de couleur aléatoires)
Opacité
  • « Estomper »
  • « Estomper »
  • « Animez l'opacité de 1 à 0,5 » (Notez que 0 est complètement transparent et que 1 ou 100 % est complètement opaque.)

Créez des animations en plusieurs étapes (exemples vidéo)

Vous voulez voir ce qui est possible ? Les vidéos ci-dessous montrent comment ajouter du mouvement, de la profondeur et de l'énergie visuelle à vos projets. Qu'il s'agisse de séquences chronologiques, de mouvements en boucle ou de révélations de masques, ces exemples montrent l'étendue de créativité que vous pouvez atteindre avec les animations d'entrée JavaScript basées sur l'IA.

Séquences chronologiques

Dans la vidéo ci-dessous (aucun son), observez comment les animations d'entrée et de sortie fonctionnent ensemble de manière fluide. Les fondus, les transformations et le timing décalé ajoutent du rythme et du peaufinage à cette séquence coordonnée.

Animation séquentielle

L'exemple de vidéo ci-dessous (aucun son) associe de manière fluide plusieurs effets (rotations, pulsations et flous) pour créer des mouvements qui évoluent tout au long de la diapositive, créant ainsi un flux narratif fluide.

Boucles de mouvement hors chronologie

La vidéo ci-dessous (aucun son) montre un mouvement continu en boucle qui se produit en dehors de la chronologie. Les oscillations douces et les changements de couleur créent un mouvement doux et persistant qui enrichit l'ambiance.

Le masque révèle

Regardez la vidéo ci-dessous (aucun son) pour voir les images révélées par le masquage, créant ainsi un effet fluide et superposé. Associé à des entrées échelonnées et à des transitions de suivi, il crée un moment visuel semblable à une histoire.

Stimulez votre créativité

Si votre diapositive est remplie d'objets et que vous ne savez pas quoi déplacer, estomper ou surligner, demandez des idées à AI Assistant. Par exemple, demandez à AI Assistant quels objets animer, comment simplifier le mouvement ou quels styles d'animation pourraient fonctionner le mieux ensemble. Parfois, un message rapide du type « Quel est le bon moyen d'animer cette diapositive ? » c'est tout ce qu'il faut pour faire avancer les choses.

Dans la vidéo ci-dessous (aucun son), vous verrez AI Assistant en action, proposant des suggestions intelligentes pour améliorer une diapositive très fréquentée. Remarquez comment il analyse les objets et suggère d'organiser les animations pour créer une diapositive plus nette et plus intentionnelle sans perdre en créativité.