Cours 13.1 Phase interactivité¶
Lundi 24 novembre
Documentation GSAP + Vue 3 - GSAP pour narration interactive¶
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> 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