CATALOGUE Code & Data Formation Animate CC Apprendre la programmation dans Animate CC - Les fondamentaux de Create JS

Comprendre l'Événement Stage Mouse Move avec Create.js

Retour à la formation
Chapitre 9 Leçon 3
Précédent
Suivant

Apprenez à utiliser l'événement Stage Mouse Move pour suivre la position X et Y de la souris sur la scène principale en utilisant l'API Create.js.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons explorer l'utilisation de l'événement Stage Mouse Move avec l'API Create.js. Cet événement vous permet de suivre la position X et Y de la souris sur la scène principale, ouvrant ainsi des possibilités de programmation interactives. Vous apprendrez comment cibler directement le stage Canva et utiliser une fonction pour récupérer les propriétés stageX et stageY afin de tracer les positions de la souris. À travers un exemple pratique, nous verrons comment afficher dynamiquement les coordonnées de la souris à chaque déplacement, utile pour diverses applications d'animation et d'interactivité.

Objectifs de cette leçon

L'objectif de cette vidéo est de vous apprendre à capturer et utiliser les coordonnées X et Y de la souris sur une scène Create.js pour enrichir vos applications interactives.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir des notions de base en JavaScript et en manipulation de l'API Create.js.

Métiers concernés

Les compétences acquises dans ce tutoriel sont applicables dans des métiers tels que développeur de jeux, animateur web, et designer interactif.

Alternatives et ressources

Des alternatives à Create.js incluent des bibliothèques comme Three.js, PixiJS, et Phaser pour des fonctionnalités similaires.

Questions & Réponses

L'événement Stage Mouse Move est déclenché à chaque déplacement de la souris sur la scène, permettant de capturer ses coordonnées X et Y.
Les propriétés stageX et stageY permettent de connaître les positions exactes de la souris sur la scène, ce qui est crucial pour le développement d'applications interactives et réactives.
Pour suivre la position de la souris, vous devez attacher une fonction à l'événement Stage Mouse Move, et cette fonction utilisera les propriétés event.stageX et event.stageY pour tracer les coordonnées.