Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

Présentation au sujet: "Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc"— Transcription de la présentation:

1 Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc
Sonic Dive Soutenance orale Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

2 Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc
Plan : Contexte du projet Le contexte du projet Le concept "Sonic Dive" La recherche La jaquette du jeu Les acteurs Leurs tâches respectives Le projet Le travail sur le rendu graphique Le but du jeu Sonic Dive Les technologies mises en œuvre La présentation du jeu en flash Le menu de lancement en VB .net Présentation d’allegro Le jeu en C graphique Tentatives et problèmes Les tentatives Les problèmes Conclusion Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

3 Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc
Le contexte du projet : Dans le cadre de la formation Bachelor 1ère année au Cs2i-Bourgogne. Suite aux cours réalisés par Monsieur F.Drouillon, professeur de langage C/C++ et VB.net. Parmi ces cours, nous avons notamment assisté à des cours sur le langage en mode graphique à l'aide de la librairie graphique Allegro. Allegro nous permet de sortir du cadre de la fenêtres de commandes Windows qui reste très peu ergonomique. A partir de cela nous devions réaliser un jeu sur le thème de la plongée. Cependant ce jeu devait répondre à des contraintes physiques liées à la pratique de la plongée. Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

4 Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc
Le concept "Sonic Dive" : Malgré les contraintes imposées, à savoir produire un jeu sur le thème de la plongée, le choix du langage (ou des langages) de l'environnement graphique restait assez libre. C'est pourquoi ne pas proposer un jeu sur un des héros les plus marquant du monde des jeux vidéos : "Sonic le hérisson". L'aspect graphique de Sonic Dive est plutôt basé sur les premiers jeux de la séries (jeux sorties pendant les années 90 sur la Sega Méga drive). De ce fait, cela nous a contraint à retravailler la qualité de l'ensemble de nos images, qui étaient à notre goût trop pixélisées donc avec un rendu graphique amoindri. L'univers de Sonic a été repris et respecté dans la majorité de l'interface de Sonic Dive. En effet, seule la barre située en haut du jeu n'est pas tirée des jeux du célèbre hérisson. Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

5 La jaquette du jeu Sonic Dive :
Cette photo représente la jaquette pour la commercialisation fictive du jeu Sonic Dive Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

6 Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc
Les acteurs du projet : Anthony Duc Loïc Rossignol - Création du site web du projet - Création du jeu en flash => Présentation - Création du menu de lancement en VB.net - Création du PowerPoint de soutenance - Création du jeu en C graphique, Allegro Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

7 Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc
La recherche : 1/2 Produire un logiciel de plongée ne se fait pas en sans nécessairement se documenter. Une recherche a donc été nécessaire. Au cours de celle-ci, nous avons choisi de rendre notre programme accessible aux enfants. Ainsi, nous avons sélectionné les tables de plongée suivantes, qui sont simplifiées par rapport aux tables MN90 « officielles » : Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

8 La recherche : 2/2 Nous avons également lu des fichiers au format PDF pour nous documenter. Toujours dans soucis d’accessibilité de notre programme au plus jeunes qui souhaiteraient découvrir la plongée, nous avons choisi une identité graphique reconnaissable, en se servant de sprites de Sonic 2 (Megadrive) et en les retraitant. Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

9 Le travail sur le rendu graphique :
Sonic étant un jeu relativement ancien, les images et le graphisme utilisés ne convenaient pas à nos exigences. C'est pourquoi, il nous a fallu réaliser un long travail sur ces images à l'aide de logiciel permettant la retouche photo tel que : Photoshop, Paint .net ... Par exemple : le fond du jeu est un montage de plusieurs niveaux des jeux Sonic. Après : Avant : Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

10 Le but du jeu Sonic Dive :
Sonic étant un jeu de plongée, l'action du jeu se passera donc dans une atmosphère maritime. Le but premier du jeu est assez simple! Vous devez diriger Sonic à l'aide des flèches directionnelles de votre clavier afin de récupérer un maximum d'anneaux. Chaque anneau vous rapporte un point. Vous devez bien sûr respecter les principes élémentaires des paliers de la plongée pour évacuer l'azote présente dans votre corps. Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

11 Les technologies mises en œuvre :
Langage C : librairie graphique allegro Langage VB .net Technologie "flash" Logiciels de retouches de photos : Photoshop, Paint .net HTML CSS Langage JavaScript Logiciel de présentation : Powerpoint Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

12 Présentation du jeu en flash :
A l'origine cela devait être une réplique du jeu Sonic Dive sous allegro, par manque de compétences en Action Script, le jeu s'est transformé en film de présentation du jeu. Le film explique les différentes parties du jeu et explique ces dernières. Cependant, la réalisation de cette animation a demandé un travail intéressant de recherche pour comprendre comment fonctionner le logiciel, ce qui ne peut qu'être bénéfique. En effet, la technologie flash est très répandue sur les sites élaborés. En effet, la technologie procure un aspect graphique puissant. De plus, le choix dans la réalisation d'un jeu en flash dans le cadre d'un projet tel que le notre procure des avantages intéressants. Ainsi, il est facile pour un individu d'avoir accès à ce jeu sans connaître les concepteurs ou quand le projet n'est pas commercialisé. Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

13 Le menu de lancement en VB.net :
Cette photo montre l'aspect final du menu réalisé à partir du logiciel : Microsoft Visual Basic 2008 Express Edition. Ce menu a pour objectif de permettre le lancement du jeu en C graphique. Il a été conçu de façon hétérogène entre le mode graphique et le mode permettant de programmer. VB.net est une technologie Microsoft, c'est pourquoi l'aspect du menu ressemble aux fenêtres Windows Vista. Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

14 Présentation d’allegro :
Description d’allegro d’après son site officiel : Allegro est une librairie de programmation de jeu en C/C++, développé, distribué gratuitement, et supportant les plateformes suivantes : DOS, Unix (Linux, Free BSD, Irix, Solaris, Darwin), Windows, QNX, BeOS et MacOs X. Elle fournit de nombreuses fonctions graphiques et sonores, gère le clavier, la souris, le joystick et des timers haute résolution. Elle dispose également de fonctions mathématiques 3d et en point fixe, de fonctions de gestion de fichiers de ressources compressés et d'une interface graphique. Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

15 Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc
Le jeu en C graphique : Présentation de l’interface graphique du projet développé grâce à la librairie graphique allegro. Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

16 Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc
Les tentatives : Faire basculer le joueur lorsqu’il plonge. Projet non mené à terme, car provoque trop de problème de collisions. Créer un jeu en flash. Celui-ci s’est transformé en animation de présentation du jeu Création d’un menu en allegro Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

17 Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc
Les problèmes : Apprentissage d’allegro quasi par soi-même, juste une introduction avait été faite en cours (surtout des exercices avec des routines de dessins : rectangle, cercle …) Donc lecture de la documentation fournit avec allegro pendant un petit moment, pour l’utilisation des sprites, des images… Documentation sur les concepts de plongée, compréhension des principes. Décisions à prendre quant aux principes de plongée à implémenter, en sachant que cela influera sur l’accessibilité de la prise en main du projet par un utilisateur. (D’où les choix graphiques résultant, et l’utilisation d’une table de plongée simplifiée) Les déplacements, tout simplement, du joueur, et de l’image de fond, m’ont posé quelques difficultés. Récupération du temps de plongée. (Utilisation d’un bool qui permet de savoir l’état actuel du joueur [submergé ou non], couplé à un contrôle pour savoir si le perso sort de l’eau, que cela réinitialise le temps). Adaptabilité du site internet pour tous les navigateurs Apprendre un environnement nouveau pour la création en flash et l’utiliser Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc

18 Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc
Conclusion : Faire un gros projet en C, oblige à être rigoureux. (Niveau code, par fichier, ça doit être beaucoup plus pratique.) Se documenter sur la plongée comprendre le sujet est une partie non négligeable Montre les contraintes que l’on peut avoir en entreprise. C’était notre premier « vrai » projet, temps mal géré Apprentissage de nouveaux environnements Cs2i-Bachelor 1ère année - Loïc Rossignol & Anthony Duc