Création de Jeux Vidéo 2D avec l'IA – La 3e Prépa-Métiers (309) à l'action

📅 2026-05-24 · 🏷️ Intelligence Artificielle & Jeu Vidéo

# Deux Chefs-d'Œuvre du Jeu Vidéo 2D par la 3e Prépa-Métiers (309)

En technologie au Collège Marcel Roby, la classe de 3e Prépa-Métiers (309) a relevé un défi technologique et créatif majeur sous la direction de M. Chartier : concevoir de A à Z, en équipes projets autonomes, deux véritables jeux vidéo 2D en combinant cahiers des charges rigoureux, outils d'Intelligence Artificielle générative et un studio d'enregistrement audio 100% élèves.

Cette séquence a permis aux élèves de vivre une expérience d'ingénierie logicielle immersive en explorant tous les corps de métiers de l'industrie vidéoludique : *Game Designers*, *Scénaristes*, *Level Designers*, *Sound Designers* et *Intégrateurs de code*.

Le résultat est remarquable : deux univers jouables aux dynamiques de jeu complémentaires, désormais disponibles en ligne sur notre plateforme !

---

<div style="font-size: 11px; font-weight: 700; color: #d8b4fe; text-transform: uppercase;">Groupe 2 • Aventure & Monuments</div>

<h3 style="color: #ffffff; margin: 8px 0 12px; font-size: 18px;">Cristal de l'Ombre</h3>

<p style="font-size: 13px; color: var(--muted); margin-bottom: 16px; line-height: 1.5;">5 niveaux mondiaux, plateformes agiles, double-saut et affrontement titanesque contre le Boss de l'Ombre à Paris !</p>

▶ Jouer à Cristal de l'Ombre

</a>

</div>

<div style="font-size: 11px; font-weight: 700; color: #fdba74; text-transform: uppercase;">Groupe 1 • Survie & Réflexes</div>

<p style="font-size: 13px; color: var(--muted); margin-bottom: 16px; line-height: 1.5;">Course effrénée contre le magma ascendant, blocs qui s'effondrent sous vos pas et sauvetage de vos 3 camarades !</p>

▶ Jouer à Lava Run

</a>

</div>

---

1. Démarche Pédagogique & Rôle de l'IA

Face aux enjeux contemporains des technologies numériques, l'objectif de cette séquence était d'apprendre aux élèves de 3e Prépa-Métiers à piloter l'IA de manière méthodique plutôt que de la subir :

1. Formalisation du Cahier des Charges Fonctionnel (CdCF) : Chaque équipe a rédigé des documents structurés spécifiant les règles de collision, les courbes de saut (gravité et impulsion), le nombre de vies et les conditions de victoire.

2. Ingénierie du Prompting & Moteur Canvas : Les élèves ont formulé des requêtes itératives pour traduire leurs intentions de gameplay en code JavaScript propre (`<canvas>`), en découvrant la boucle de rafraîchissement (`requestAnimationFrame`) et la détection d'obstacles AABB.

3. Sound Design & Microphonie en Classe : Plutôt que d'utiliser des banques de sons génériques, les élèves ont mis en place un véritable atelier de doublage et de bruitage : enregistrement au micro de bruits de pas, chutes, décharges électriques, sabres et voix d'introduction.

4. Graphisme & Identité Visuelle : Création d'écrans de titre animés, conception de maquettes de jaquettes physiques de DVD et intégration d'environnements thématiques.

---

2. Jeu 1 : « Cristal de l'Ombre » (Groupe 2)

L'Histoire & le Pitch

Le joueur incarne un chat d'ombre violet, agile et mystique, lancé dans une quête planétaire. Le Cristal Sacré ayant été brisé et disséminé, notre félin doit explorer 5 monuments emblématiques de la planète pour collecter les fragments d'ombre et restaurer l'harmonie.

Les 5 Biomes Internationaux

Niveau 1 : La Tour Penchée de Pise (Italie) – Découverte des commandes, plateformes de marbre blanc toscan et pièces d'or antiques.
Niveau 2 : Manhattan & la Statue de la Liberté (États-Unis) – Toits urbains vertigineux et néons nocturnes.
Niveau 3 : Le Corcovado & le Christ Rédempteur (Brésil) – Canopée tropicale luxuriante et sauts aériens précis.
Niveau 4 : Les Pyramides de Gizeh (Égypte) – Dunes dorées, vestiges pharaoniques et pièges mortels.
Niveau 5 : La Tour Eiffel sous la Lune (Paris) & le Boss Final – Affrontement au sommet contre le *Seigneur de l'Ombre* !

Extrait du Cahier des Charges (Augustin & Thomas)

> *« Le héros possède 3 cristaux de vie. Il peut courir, effectuer un double-saut aérien pour franchir les gouffres et déclencher une onde de choc avec la touche [F]. Au niveau 5, le boss final lance des orbes sombres et possède une jauge de 12 points de vie qu'il faut vider pour remporter la victoire. »*

Équipe de Développement (Groupe 2)

Scénario & Narration : Thomas & Lilou
Game Design & Règles : Augustin
Sound Design & Micro : Naïm, Olivier & Maxime
Graphismes & Pièces : Emmy, Luna, Julyne & Vaiani

---

3. Jeu 2 : « Lava Run » (Groupe 1)

L'Histoire & le Pitch

Bob l'aventurier s'est aventuré dans les tréfonds d'une caldeira instable lorsque la terre s'est mise à gronder. Du magma en fusion monte inexorablement depuis le fond du gouffre ! Bob doit grimper de roche en roche à toute vitesse pour échapper au brasier et sauver ses trois camarades prisonniers.

Les 3 Mondes & Mécaniques Innovantes

Monde 1 : La Faille Magmatique – Bob démarre au drapeau rouge. Au bas de l'écran, la lave monte en temps réel. Les plateformes de roche volcanique se fissurent et s'effondrent 1,5 seconde après que Bob y a posé le pied ! Objectif : atteindre la Grotte pour délivrer Arthur.
Monde 2 : L'Anse Abyssale – Le décor bascule dans une caverne inondée où l'eau monte à toute allure. Plateformes glissantes et courants sous-marins. Objectif : plonger dans le tuyau étanche pour sauver Corentin.
Monde 3 : La Jungle Suspendue – Ascension verticale le long des branches géantes et des lianes. Objectif : hisser le drapeau sommital pour délivrer Théotim et remporter l'évasion finale !

Extrait du Cahier des Charges (Corentin, Théotim, Sara & Manon)

> *« Le joueur possède 3 vies étoiles. Dès qu'on marche sur une plateforme, un compte à rebours s'enclenche, le bloc tremble et il tombe dans le vide. Si on touche la lave ou l'eau qui monte, on perd une vie. 3 étoiles dorées secrètes sont cachées dans chaque monde pour les meilleurs joueurs. »*

Équipe de Développement (Groupe 1)

Coordination de Projet : Malone, Sara & Manon
Scénariste : Scénariste 309 G1 (Mission de Bob)
Level Design & Mécaniques des 3 Mondes : Arthur, Théotim & Corentin
Game Design & Vies : Sara & Manon
Character Design & Drapeaux : Lola
Sound Design : Gianni
Interface & Menus : Nicolas

---

4. Bilan Pédagogique & Compétences Développées

Ce projet transversal a mobilisé de multiples attendus de fin de cycle 4 :

Design et Conception d'Algorithmes : Décomposition modulaire, gestion des états du jeu (*Playing*, *Level Win*, *Game Over*), traitement des événements clavier et tactiles.
Modélisation de Contraintes Physiques : Mise en équation de la pesanteur, de la vélocité et des collisions de boîtes englobantes.
Culture Numérique & Esprit Critique face à l'IA : Comprendre le rôle du prompt structuré, savoir déboguer un script produit par une IA, adapter et retoucher les assets générés.
Coopération et Responsabilisation : Répartition des rôles, respect des jalons et mise en commun sur le serveur Nextcloud du collège.

Un grand bravo à l'ensemble des élèves de 3e 9 Prépa-Métiers pour leur créativité, leur rigueur technique et leur remarquable investissement !