Filtrage du navigateur
Créer une page avec parallaxe souris
Créer une page avec parallaxe au scroll
Piloter le scénario d'un Clip à la molette
Piloter le scénario d'un Clip au clavier
Détails de la leçon
Description de la leçon
Dans cette leçon, nous commençons par définir les paramètres de base pour une animation, en fixant la taille de la scène à 1000 pixels de large et 2000 pixels de haut. Deux boutons sont placés pour naviguer vers le haut et le bas de la page. Deux occurrences d'un même symbole animant un personnage traversant la scène sont intégrées, l'une étant inversée pour créer un effet d'aller-retour. Les éléments sont nommés de manière appropriée : perso 1, perso 2, bouton 1, bouton 2. Ensuite, un calque dédié au script est créé. La première étape du script consiste à référencer le scénario principal. Enfin, un filtre de navigateur est récupéré d'un atelier précédent pour distinguer si l'utilisateur est sur Firefox, Internet Explorer ou un autre navigateur.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de maîtriser la structuration d'une animation, comprendre les occurrences de symboles et mettre en place un filtrage de navigateurs.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est nécessaire d'avoir des connaissances de base en animation numérique et en développement web.
Métiers concernés
Les professionnels tels que les développeurs front-end, les animateurs numériques et les concepteurs UX/UI trouveront cette leçon particulièrement utile.
Alternatives et ressources
Les solutions alternatives peuvent inclure l'utilisation de bibliothèques JavaScript comme GreenSock Animation Platform (GSAP) ou des logiciels d'animation tels qu'Adobe Animate.
Questions & Réponses
Je m'abonne