SUPINFO : TP Création du jeu vidéo Frogger avec XNA

Gerald Lonlas — Fri, 02 May 2008 18:35:00 +0200

Comme je vous l’ai dis il y a quelques mois sur le billet : "Vos idées de jeux vidéo 2D m’intéressent.", je devais me préparer à la création d’un jeu vidéo 2D avec le Framework Microsoft XNA.

J’avais choisi au départ la création d’un mini megaman, mais l’école nous avait fournis un sujet de TP avec un jeu obligatoire. Le jeu à développer était Frogger !

Au revoir Megaman, Bonjour Frogger

Tout le monde connais Megaman, mais connaissez vous Frogger ? A la première lecture du TP je ne connaissais pas du tout Frogger, et je pense que certain d’entre vous sont dans le même cas que moi.

D’après Wikipedia le but du jeu de Frogger est : "de diriger des grenouilles jusqu'à leurs maisons. Pour cela, le joueur doit d'abord traverser une route en évitant les voitures puis une rivière en passant d'objets en objets".

Donc un frogger c’est un personnage qui est à un bout de l’écran et qui doit passer une route rempli de voiture, passer a travers une riverai sans toucher l’eau pour arrive a l’autre bout de l’écran chez lui.

Pour plus d’information sur le jeu je vous invite voir la page d’Arcade History

Au final j’ai du dire au revoir à mon Megaman (Dommage je mettais bien amusé à faire le graphisme du jeu) pour le remplacer par un Frogger.

Les contraintes du jeu

Comme dans tout projet ce TP avait des contraintes à respecter.

Tout d’abord le jeu devait être développait en C# en utilisant le Framework Microsoft XNA (1.0 Refresh, ou 2.0).
Il devait rester dans l’esprit du jeu original, c'est-à-dire un personnage qui doit passer, route et rivière pour aller à l’autre bout de l’écran.
Avoir 5 niveaux de difficultés
Ajouter un nouvel ennemi
Mémoriser le meilleur score
Permettre de jouer à deux joueurs (optionnel)

Enfin nous encouragé de laisser libre court à notre créativité : "Les ressources graphiques que vous utiliserez pourront être librement choisies ou tirées du jeu original : l’univers présenté tourne autour de la grenouille mais vous êtes libre d’utiliser l’univers de votre choix (une poule rentrant au poulailler et évitant des renards par exemple…)".

Le rendu du projet devait être au 30 avril 2008. Un jeu, qui se customise !

Comme vous l’avez compris nous avions un esprit de jeu à respecter mais aucune limite dans ca conception graphique, audio.

Bien que le graphisme ne soit pas notre domaine de compétence, (dans ce TP le but était surtout d’évaluer notre niveau et la qualité de nos développement dans le langage C#) j’ai pu voir différentes version du Frogger. Du design simple et original du jeu en passant par une version modernisé (Zelda Frogger), jusqu'à même des versions totalement customisé tel que la version « Homer va chercher des bières » ou vous incarnez Homer Simpson et votre but est de ramener des bières à la maison, un « Prison Break Frogger » ou vous êtes un prisonnier qui doit s’évader en échappant au tireur d’élite et aux voitures de polices.

Pour ma part ça était un SUPINFrogger ! Vous êtes étudiants SUPINFO et vous devez aller chercher vos 5 années SUPINFO pour obtenir votre diplôme. Mais attention aux voitures, à la rivière et aux voitures de polices (Je tiens à remercier les Fan de GTA chez qui j’ai pu récupérer des images).

Voici une vidéo de démo de mon SUPINFrogger :

Pour finir voici une petite galerie photo de Frogger Customiser développés à SUPINFO Toulouse.

Un Frogger proche de l'original

Un Zelda Frogger

Un Space Frogger

Le fameux Homer va chercher des bières

Et le code source dans tout ca ?

Je mettrais le code source du jeu ainsi que la démo installable une fois le TP corrigé et noté par l’école.

Créez vos jeux vidéo avec XNA

Gerald Lonlas — Fri, 09 Nov 2007 11:37:00 +0100

Fabien LAVOCAT (http://www.blog-microsoft.fr) va nous proposer prochainement un dossier complet sur le développement de jeux vidéo grâce à la technologie XNA de Microsoft.

Son premier article "Développement de jeux vidéo sur XBOX 360 et Windows" concerne l'installation de XNA sur votre machine.

Prochainement sortiront deux articles :

Les fonctions de base pour un projet XNA (Update() et Draw())
Développement d'un jeu vidéo grâce à XNA

En attendant, pour ceux qui sont impatient et qui veulent approfondir le sujet je vous recommande les articles de Jean Christophe Beyler "Programmation XNA : Introduction" et de Nicolas Boonaert "Présentation de la plateforme XNA".

Edit (09/11/2007 21:43) Je profite d'une recherche sur le net pour ajouter à cet article d'autre site sur XNA. Cette fois ce sont des sites essentiellement en anglais, mais je vous conseil fortement d'aller les voir se sont de vrai mines d'or.

XNATutorial.com, est un site avec tuto vidéo sur XNA, a mon gout l'un des sites les plus approfondit sur le sujet développement XNA
Ziggyware XNA, un très bon site pour tout ce qui touche aux textures sur XNA.
MSMVPS, Tutoriaux XNA, site en francais avec de bon contenu autour de la 3D grace à XNA.

Commençant en décembre mes cours sur XNA, j’aurai besoin d’idée de jeu vidéo à developper. Donc si vous avez des idées de jeu n’hésitez pas à m’en faire part.

Blog Dreaminvasion - développement et administration réseaux - XNA

SUPINFO : TP Création du jeu vidéo Frogger avec XNA

Au revoir Megaman, Bonjour Frogger

Les contraintes du jeu

Et le code source dans tout ca ?

Créez vos jeux vidéo avec XNA