CATALOGUE Code & Data Formation Animate CC Maîtriser Adobe Animate CC 2017 - Ateliers parallaxe

Détails de la leçon

Description de la leçon

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.

Objectifs de cette leçon

À 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.

Prérequis pour cette leçon

Une connaissance de base en JavaScript et des notions en Create.js sont nécessaires pour suivre cette leçon.

Métiers concernés

Cette compétence est particulièrement utile pour les développeurs front-end et les designers interactifs qui souhaitent enrichir l'expérience utilisateur avec des effets visuels avancés.

Alternatives et ressources

En alternative à Create.js, vous pourriez utiliser Three.js ou Pixi.js pour des effets similaires avec des fonctionnalités avancées.

Questions & Réponses

Cela permet de rendre le scénario principal accessible facilement dans différentes parties du code, facilitant ainsi la gestion et la manipulation des éléments de la scène.
L'événement windowOnMovesMove est utilisé pour détecter les mouvements de la souris sur la page et déclencher la fonction de parallaxe.
Vous pouvez utiliser une instruction de traçage (comme console.log()) dans la fonction parallaxe pour afficher un message chaque fois que la fonction est appelée.