Jeu Isométrique
2025 - MMI 1
Papier/Crayon
Illustrator
Photoshop
HTML
JavaScript
CSS
Jeu web JavaScript,
Décor isométrique
UI/UX & design
Développement web
Sujet, attentes & contraintes :
Créer un jeu en JavaScript à partir d’un code fourni (structure reconnaissable).
Carte fixe sans défilement ni saut, avec scénario / quête et secret à découvrir.
Couleurs et/ou sons doivent influencer le déroulement du jeu.
Au moins un objet qui modifie le personnage (taille, duplication, contrôles…).
Réaliser un décor urbanisé en perspective axonométrique, lisible pour la jouabilité.
Évaluation : originalité, respect des contraintes, jouabilité, complexité technique, harmonie graphique.
Présentation du projet
J’ai imaginé un univers médiéval inspiré de maisons à colombages normandes, avec un décor complexe et des jeux de portails qui structurent la progression. Le joueur explore une carte fixe qui cache un secret, avec des dialogues et des interactions qui construisent une petite histoire. L’ambiance visuelle est travaillée autour de couleurs légèrement irréelles pour donner un effet féerique, tout en gardant la lisibilité des chemins et des zones accessibles.
Déroulé / Processus :
Étape 1 – Croquis papier & perspective
Travail sur la perspective axonométrique à la main, avec dessin des volumes, des circulations et des niveaux (escaliers, accès).
Étape 2 – Numérisation & colorisation du décor
Vectorisation / retouche dans Photoshop, création d’une palette restreinte, création de “matériaux” (toitures, murs, bois…) et intégration sur le décor final.
Étape 3 – Conception du moteur de jeu
Au lieu de coder un simple script “en dur”, j’ai développé un petit moteur de jeu orienté objet : gestion de la carte, collisions via “collision maps” personnalisées, système d’animations, gestion des effets (transparence, portails, etc.).
Étape 4 – Design de la mécanique & narration
Création d’une progression, de dialogues et d’énigmes, de manière à proposer environ 30 minutes de jeu pour finir la quête.
Ce que j’ai appris :
- Concevoir un décor isométrique jouable et lisible, en reliant graphisme et game design.
- Mettre en place une architecture JavaScript orientée objet pour un jeu complet, plutôt que du code linéaire.
- Gérer des systèmes avancés (collisions personnalisées, animations, effets visuels) sur une base HTML/JS.
- Construire une expérience avec une progression, une histoire et de vrais enjeux de joueur.
