CATALOGUE Code & Data Formation Animate CC Maîtriser Adobe Animate CC 2017 - Atelier Gestion du Drag & Drop

Détails de la leçon

Description de la leçon

Ce tutoriel vous guide étape par étape pour rendre vos éléments drag and drop en utilisant JavaScript. Nous commencerons avec un fichier de base contenant un chapeau et deux boutons. Les boutons serviront à tester les fonctionnalités et à rendre le chapeau dragable ou non.

Nous aborderons l'activation de la fonctionnalité de toucher pour les appareils mobiles et tablettes, ainsi que la création d'une fonction réutilisable pour rendre n'importe quel objet interactif. Le tutoriel comprend également l'utilisation de propriétés comme la réactivité à la souris et la gestion de l'over de la souris pour indiquer les éléments dragables.

Objectifs de cette leçon

À la fin de cette vidéo, vous saurez comment :

  • Rendre des éléments interactifs et dragables
  • Utiliser des boutons pour tester et contrôler l'interactivité
  • Activer le support de toucher pour mobiles et tablettes
  • Créer une fonction réutilisable pour drag and drop

Prérequis pour cette leçon

Pour suivre ce tutoriel, vous devez avoir :

  • Des notions de base en programmation JavaScript
  • Une compréhension des propriétés CSS

Métiers concernés

Les compétences abordées dans ce tutoriel sont particulièrement utiles pour les professionnels suivants :

  • Développeurs front-end
  • Développeurs d'applications mobiles
  • Intégrateurs web

Alternatives et ressources

Pour les utilisateurs cherchant des solutions alternatives, des bibliothèques comme jQuery UI ou GreenSock Animation Platform (GSAP) offrent également des fonctionnalités drag and drop.

Questions & Réponses

Activer la fonctionnalité de toucher permet de gérer les interactions drag and drop avec des appareils mobiles et tablettes, enrichissant ainsi l'expérience utilisateur sur ces plateformes.
La fonction ENABLE MOUSE-OVER permet d'activer la gestion du survol de la souris, ce qui est nécessaire pour indiquer visuellement que certains éléments sont interactifs et dragables.
Les boutons BT1 et BT2 sont programmés pour tester et contrôler l'interactivité des éléments, permettant de rendre un élément dragable ou non pendant la phase de développement.