Étude de cas

Mini jeu Mario avec Phaser

Petit jeu de plateforme de type Mario, développé en JavaScript avec Phaser et servi dans un conteneur indépendant pour garder l’architecture du portfolio claire, modulaire et facilement déployable.

Objectifs du projet

L’objectif est de proposer un mini jeu arcade rapide à lancer, montrant la maîtrise de Phaser et l’intégration d’une web app de jeu dans un environnement plus large. Le jeu est encapsulé dans un conteneur dédié, ce qui permet de le déployer ou le déplacer sans impacter le portfolio.

Le jeu est développé comme une web app autonome, puis embarqué dans ce portfolio via une iframe. Cette approche permet de le présenter comme un module technique isolé tout en le contextualisant dans un cas d’usage ludique et interactif.

Fonctionnalités principales

Gameplay de type plateforme / runner

Personnage jouable avec déplacements horizontaux, sauts, collisions avec le décor et gestion de la gravité.

Gestion des obstacles et ennemis

Apparition d’obstacles, plateformes et ennemis à éviter ou contourner pour avancer dans le niveau.

Score et feedback visuel

Système de score basé sur la progression et les collectibles, avec affichage HUD minimaliste.

Intégration dans un conteneur dédié

Jeu servi par une mini-app autonome (HTML/JS/Phaser), exposée sur un port spécifique et intégrée dans le portfolio via iframe.

Version beta (bugs connus)

Prototype jouable destiné à la démonstration. Des corrections sont prévues, notamment sur les collisions et le polish visuel.

Démo intégrée

Ouvrir en plein écran

Le mini jeu Mario-like est chargé ci-dessous en tant que web app autonome, servie par un conteneur dédié et intégrée dans ce portfolio via une iframe.

Mini jeu Mario avec Phaser · Web app embarquée src: https://mario.florianchague.dev
Cette démo est affichée directement dans le portfolio. Pour une meilleure expérience, vous pouvez aussi l’ouvrir en plein écran.