Cours 13.1 Phase interactivité

Lundi 24 novembre

Phase interactivité: Mémoires interactives

• Validation des données entrées dans les formulaires

Validation des formulaires

Phase interactivité: Trace ton chemin

• Implémentation de l'historique des décisions du joueur

  • Enregistrement de chaque décision
  • Affichage des décisions et statistiques dans un menu ou à la fin

Implémentation de l'historique des décisions du joueur

OPTIONNEL Animation _GSAP + Vue 3

Cette phase n'est plus exigée. Ceci étant dit, voici de la documentation pour les équipes qui veulent tout de même l'intégrer.

Router et transition animées entre pages

• Les composants natifs à Vue nommés <Transition> et <TransitionGroup>
  • En savoir plus sur les <Transition>
  • et plus spécifiquement les hooks JavaScript (événement émis) de la composante <Transition>
  • _GSAP intégré à une composante Vue: démo et playground
• routeEnter, routeLeave

OPTIONNEL Mémoire interactive: Animations et Médias

• OPTIONNEL Animations de transitions:
  • Transitions entre pages (Vue Router)
  • Animations d'apparition des cartes
  • Hover effects sur les éléments interactifs
  • ScrollTrigger pour révélations au scroll
  • Animations de timeline
  • Easing et timing personnalisés

OPTIONNEL Trace ton chemin: Animations et Expérience Narrative

• Animations de texte:
  • Effet d'apparition progressive (typewriter optionnel)
  • Fade in des paragraphes
  • Animations des dialogues
• Transitions entre chapitres

• Animation (suite)
  • Animations des boutons de choix
  • Effets de hover et sélection
  • Transitions contextuelles (selon le ton du chapitre)

• Intégration des médias:
  • Images de fond par chapitre
  • Musiques d'ambiance
  • Effets sonores (optionnel)
  • Système de contrôle audio