Note

Bonjour, bienvenue dans la communauté des passionnés de SunFounder Raspberry Pi, Arduino et ESP32 sur Facebook ! Plongez au cœur de Raspberry Pi, Arduino et ESP32 avec d’autres passionnés.

Pourquoi nous rejoindre ?

Support d’experts : Résolvez les problèmes après-vente et les défis techniques grâce à l’aide de notre communauté et de notre équipe.
Apprendre & Partager : Échangez des conseils et des tutoriels pour améliorer vos compétences.
Aperçus exclusifs : Accédez en avant-première aux annonces de nouveaux produits et à des aperçus privilégiés.
Réductions spéciales : Profitez de réductions exclusives sur nos produits les plus récents.
Promotions festives et concours : Participez à des concours et des promotions durant les fêtes.

👉 Prêt à explorer et à créer avec nous ? Cliquez sur [ici] et rejoignez-nous dès aujourd’hui !

Leçon 5 : Animation interactive

Dans la leçon précédente, nous avons utilisé le module ultrasonique pour que le GalaxyRVR évite automatiquement les obstacles sur son chemin.

Dans cette activité, nous allons combiner le module avec une scène pour créer une animation interactive d’un rover parcourant joyeusement la surface de Mars.

Objectifs d’apprentissage

Apprendre à dessiner des sprites et à modifier les arrière-plans
Comprendre les concepts de base de la programmation tels que les écouteurs d’événements et les structures de boucle
Se familiariser avec l’environnement de programmation de l’application et les opérations de base pour créer une animation simple simulant un Rover Martien

Ajouter de nouveaux sprites

Commencez par Connecter l’application au GalaxyRVR.
Supprimez les sprites dont vous n’avez pas besoin.
Dans le coin inférieur droit de l’interface, appuyez sur le bouton Choisir un sprite pour afficher quatre options.
Sur les écrans plus petits, vous devrez peut-être passer à un autre écran pour voir ce bouton.

Les quatre options sont :

Importer un sprite – Chargez un sprite depuis votre appareil.
Surprise – Sélectionnez aléatoirement un sprite dans la bibliothèque.
Dessiner – Dessinez votre propre sprite.
Choisir un sprite – Sélectionnez dans la bibliothèque de sprites.

Ensuite, nous utiliserons Choisir un sprite pour sélectionner un sprite et Dessiner pour en créer un.

Choisir un sprite

Appuyez sur Choisir un sprite (icône en forme de loupe) pour ouvrir la bibliothèque de sprites.
Trouvez et sélectionnez GalaxyRVR dans la bibliothèque.

Dessiner un nouveau sprite

Appuyez sur Dessiner (icône en forme de pinceau) pour créer un nouveau sprite. Nous allons dessiner un sprite Mars.
Utilisez l”outil Cercle pour dessiner un cercle représentant la planète.
Utilisez l”outil Pointeur pour déplacer le cercle au centre du canevas. Cette étape est importante car les coordonnées et les mouvements du sprite sont basés sur son centre.
Utilisez l”outil Pot de peinture pour remplir le cercle en rouge.
Sélectionnez l”outil Pinceau, augmentez la taille du pinceau et ajoutez de la texture avec une couleur de remplissage appropriée.
Si la couleur ne convient pas, changez la couleur de remplissage et utilisez à nouveau l”outil Pot de peinture.
Sélectionnez à nouveau l”outil Pinceau, réglez la taille sur 2, changez la couleur en noir et dessinez des cratères sur Mars.
Utilisez l”outil Pot de peinture pour remplir les cratères avec une couleur appropriée.
Une fois terminé, revenez à l”interface de code.
Sur les écrans plus petits, cliquez sur l’icône pour revenir à l’interface de code.
Vous verrez maintenant le sprite Mars sur la scène. N’oubliez pas de le renommer.

Scène

Cliquez sur Arrière-plans pour modifier l’arrière-plan. L’arrière-plan blanc par défaut sera modifié pour simuler un ciel nocturne.
Accédez à l’interface Arrière-plans.
Dessinez un rectangle sur le canevas.
Utilisez l”outil Pot de peinture pour le remplir d’une couleur sombre.
Utilisez l”outil Pinceau pour ajouter quelques étoiles.

Créer l’animation

Maintenant que nous avons Mars et GalaxyRVR, et que nous savons animer des sprites, créons une animation de GalaxyRVR se déplaçant sur Mars. Nous pouvons donner l’illusion du mouvement en faisant tourner Mars dans la direction opposée, créant ainsi l’effet que GalaxyRVR se déplace à sa surface.

Commencez par Connecter l’application au GalaxyRVR.
Ajustez la taille et la position des deux sprites.
- Définissez le sprite GalaxyRVR à (0, 0) et positionnez Mars de sorte que GalaxyRVR semble se tenir à sa surface.

Sprite Mars

Sélectionnez le sprite Mars. Sa tâche est de tourner dans le sens inverse des aiguilles d’une montre, créant l’illusion que GalaxyRVR avance.
Glissez un bloc drapeau vert. Toute animation commence par le drapeau vert.
Glissez un bloc répéter indéfiniment pour que l’animation tourne en continu.
Glissez un bloc tourner et un bloc attendre pour faire tourner Mars en continu.
Cliquez maintenant sur le drapeau vert : vous verrez Mars tourner dans le sens inverse des aiguilles d’une montre.

Sprite GalaxyRVR

Sélectionnez le sprite GalaxyRVR. Sa tâche est de s’animer comme s’il se déplaçait, même s’il ne bouge pas réellement.
Glissez un bloc drapeau vert. Toute animation commence par le drapeau vert.
Glissez un bloc répéter indéfiniment pour que l’animation tourne en continu.
Glissez un bloc costume suivant et un bloc attendre pour animer GalaxyRVR en continu.
Glissez un bloc when distance. Il se déclenchera lorsque le module ultrasonique détectera un obstacle (par exemple, votre main).
Glissez deux blocs glisser et modifiez la valeur y du premier pour faire sauter le sprite vers le haut puis redescendre, créant un effet de saut.
Le code complet du sprite GalaxyRVR devrait ressembler à ceci :

Maintenant, cliquez sur le drapeau vert pour lancer l’animation. Simulez un obstacle en plaçant votre main devant le module ultrasonique : le sprite GalaxyRVR sautera pour l’éviter.