Déclaration et Logique du Code
Objectifs
À la fin de cette vidéo, vous serez capable de créer une parallaxe basée sur les mouvements de la souris en utilisant Create.js et de gérer l'accès à votre scénario principal via une variable globale.
Résumé
Découvrez comment créer une parallaxe en capturant les mouvements de la souris avec le Create.js.
Description
Dans cette leçon, vous apprendrez à déclarer une variable globale pour référencer le scénario principal dans Create.js. Nous détaillerons ensuite comment coder une fonction de gestion des replacements en X et Y en fonction de la position de la souris. L'appel de cette fonction sera lié à l'événement windowOnMovesMove, permettant un suivi en temps réel de la souris. Vous verrez également comment ajouter des commentaires dans le code pour plus de clarté et la vérification du fonctionnement via une instruction de traçage.
Questions - réponses
windowOnMovesMove est utilisé pour détecter les mouvements de la souris sur la page et déclencher la fonction de parallaxe.
console.log()) dans la fonction parallaxe pour afficher un message chaque fois que la fonction est appelée.
Programme détaillé
Module 1 - Filtrage du navigateur
Module 2 - Créer une page avec parallaxe souris
Module 3 - Créer une page avec parallaxe au scroll
Module 4 - Piloter le scénario d'un Clip à la molette
Module 5 - Piloter le scénario d'un Clip au clavier
