Développer jeu fusée spatiale sur mobile avec MIT App Inventor

App Inventor 04-07-25
25 0

Plan de tutoriel

1- Présenter le jeu fusée spatiale

2- Objective de l'application mobile à réaliser

3- Interface graphique de l'application mobile

4- Programmation de l'application mobile

 

 

Présenter le jeu fusée spatiale

Fusée Spatiale est un jeu mobile d’arcade dans lequel le joueur pilote une fusée voyageant dans l’espace infini. Son objectif est de survivre le plus longtemps possible, en évitant des obstacles et en essayant de marquer un maximum de points.

But du jeu :

Contrôler la fusée pour :

Éviter les obstacles (astéroïdes, débris spatiaux, satellites hors d’usage).

Récolter des bonus ou des points supplémentaires.

Tenir le plus longtemps possible sans collision.

1. Déplacement de la fusée :

La fusée peut se déplacer horizontalement (gauche/droite) et parfois verticalement selon le design du jeu.

Les contrôles possibles :

Boutons directionnels (ex. gauche, droite, haut, bas).

Ou accéléromètre (inclinant le téléphone).

2. Obstacles :

Des astéroïdes ou débris spatiaux descendent du haut de l’écran ou apparaissent latéralement.

Leur vitesse et leur position sont aléatoires, créant une difficulté progressive.

3. Collisions :

Si la fusée touche un obstacle :

Un bruit d’explosion peut se déclencher.

Le jeu s’arrête.

L’écran affiche Game Over.

4. Score :

Le joueur marque des points :

Soit en survivant plus longtemps (score basé sur le temps).

Soit en ramassant des bonus placés sur son chemin.

Le meilleur score peut être enregistré pour battre son propre record.

 

Objective de l'application mobile à réaliser

L’objectif principal de cette application est de concevoir un jeu d’arcade simple et interactif dans lequel le joueur contrôle une fusée pour éviter des obstacles spatiaux (comme des astéroïdes) et survivre le plus longtemps possible.

Plus précisément, le jeu vise à :

- Offrir une expérience ludique grâce à des commandes intuitives (boutons ou capteurs de mouvement) permettant de déplacer la fusée facilement sur l’écran.

- Développer les compétences en programmation en utilisant MIT App Inventor, notamment la gestion des sprites, des collisions, des animations et des événements.

- Créer un système de score dynamique pour encourager la compétition et la rejouabilité.

- Apprendre à gérer les événements du jeu tels que les collisions, la génération aléatoire d’obstacles, le déclenchement de sons, et les transitions d’écran (Game Over, rejouer).

- Proposer un jeu visuellement attrayant avec des animations et des effets sonores qui renforcent l’immersion spatiale.

 

Interface graphique de l'application mobile

L'interface graphique permet au joueur de contrôler la fusée facilement grâce à des éléments visuels interactifs comme des boutons directionnels (gauche, droite, haut, bas) ou des capteurs (accéléromètre).

Il offre un retour visuel immédiat des actions du joueur (déplacement de la fusée sur l’écran).

Les composants principaux

Composant

Description et rôle

Cadre

Surface de jeu où la fusée et les obstacles sont animés.

C’est la zone principale où se déroule l’action.

ImageSprite (Fusée)

Sprite représentant la fusée contrôlée par le joueur, placée sur le Canvas. Permet le déplacement sur l’écran.

ImageSprite (Astéroïdes)

Sprite qui se déplace sur le cadre, que le joueur doit le détruire.

Balle

Le sprite Balle représente un projectile (une balle, un laser, une missile) que la fusée peut tirer vers l’avant (généralement vers le haut de l’écran).

Il permet au joueur d’attaquer ou détruire les astéroïdes.

 

Programmation de l'application mobile

La partie Bloc est le cœur du fonctionnement du jeu. Elle permet de transformer l’interface graphique en un jeu interactif en définissant la logique, les règles et les réactions aux actions du joueur ou aux événements du jeu.

 

Explication de chaque bloc

Bloc

Description

Ce bloc se déclenche automatiquement une seule fois, au moment où l’écran principal (Screen1) s’ouvre.

C’est le point de départ où tu places tout ce qui doit s’exécuter au lancement du jeu.

Ce bloc rend invisible le sprite Ball1 sur le cadre.

Ce bloc se déclenche automatiquement lorsque l’utilisateur fait glisser son doigt sur le sprite fusee_spatial sur le cadre.

Il sert à détecter et gérer le geste de glissement (drag) sur l’objet graphique.

Ce bloc sert à modifier la position horizontale (X) du sprite fusee_spatial sur le Canvas.

Il place la fusée à la position X contenue dans la variable Xactuel.

Ce bloc se déclenche chaque fois que l’utilisateur touche (tapote) le sprite fusee_spatial sur le Cadre, c’est-à-dire quand on appuie sur la fusée avec le doigt.

Ce bloc rend visible le sprite Ball1 sur le cadre.

Dans Fusée Spatiale, le sprite Ball sert de projectile tiré par la fusée.

Le bloc appeler Ball.Aller permet de lancer la balle vers l’avant (généralement vers le haut de l’écran).

Ce bloc définit combien de pixels la balle parcourt à chaque intervalle de temps.

Ici, on fixe la vitesse à 10, ce qui signifie que la balle avancera de 10 pixels à chaque pas de mouvement.

Ce bloc modifie l’angle vers 90° pour orienter la balle vers la haut.

Ce bloc déclenche un événement dès que la balle (Ball) entre en collision avec un astéroïde (ennemie).

Ce bloc change la position horizontale (X) aléatoirement du sprite astéroïde sur le cadre.

Ce bloc se déclenche automatiquement quand le sprite Ball (projectile) touche un bord du cadre

0 commentaire

laisser un commentaire

Veuillez noter s'il vous plaît*

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Passion de robotique

Atelier robotique

Construction des robots

Bras robotique

Maison intelligente

But de ce site web

La robotique éducative joue un rôle important dans l'éducation des enfants et des jeunes en les aidant à acquérir des compétences en science et technologie.
Dans ce cadre notre site web représente une excellente ressource pour les parents, les enseignants et les enfants qui souhaitent découvrir la robotique.

Coordonnées

Zaouiet Kontech-Jemmel-Monastir-Tunisie

+216 92 886 231

medaliprof@gmail.com

Photos des articles

Site robotique réalisé par Mohamed Ali-Prof Info