Développement Web

Double-Vision

Contexte : Double Vision est un projet universitaire individuel né d’une ambition : repousser les limites de l’observation à travers la librairie Three.js. L’objectif était de transformer le concept classique du « jeu des 7 erreurs » en une expérience spatiale immersive, où l’utilisateur doit explorer l’environnement pour débusquer des anomalies.

Après une phase d’apprentissage intensif des fondamentaux de la 3D sur le web, le défi était de trouver un concept capable de maximiser l’utilisation du moteur graphique en un temps record. En autonomie sur ce projet, j’ai opté pour la réalisation d’un jeu de différences 3D, un format idéal pour démontrer une maîtrise complète du pipeline de production : de la manipulation de caméras à la gestion des lumières et de l’interactivité.

Pour cette aventure, j’ai assuré la transversalité des rôles :

  • Développement Full-Stack : Mise en place du moteur de rendu, gestion de la logique de détection (raycasting) et synchronisation des états entre les scènes.

  • Creative Technologist : Conception des environnements 3D et optimisation du placement des assets pour créer des puzzles visuels stimulants.

  • UX/UI Design : Création d’une navigation fluide et intuitive permettant à l’utilisateur de basculer entre les perspectives pour débusquer les anomalies.

Ce projet constitue une vitrine technologique personnelle démontrant concrètement :

  • 🎮 La puissance de Three.js pour gérer des rendus 3D temps réel fluides directement dans le navigateur.
  • 🏗️ Une architecture robuste en JavaScript capable de gérer des comparaisons d’états complexes entre deux instances de scènes.
  • 🖱️ L’interactivité spatiale via le picking d’objets et la gestion dynamique de la caméra.

Un projet Front-End créatif mené de A à Z, prouvant ma capacité à transformer une contrainte technique en une expérience ludique et esthétique.

💡 Astuce : Utilise la souris et le clavier pour profiter d'une meilleure experience.

Digiters

Contexte : Digiters est originellement un de mes projets universitaires réalisé en formation MMi, notre objectif était d’explorer les possibilités de la librairie BabylonJS à travers un jeu immersif et interactif.

Après avoir été formé sur les bases de BabylonJS, nous avons lancé une phase de brainstorming pour identifier les idées de jeux les plus pertinentes : celles capables d’attirer le public et de démontrer efficacement les capacités du moteur graphique. Parmi plusieurs concepts émergeants, le jeu Pokémon-like s’est démarqué comme le plus intéressant à exploiter.

Pour cette aventure, nous avons constitué une équipe spécialisée de 3 personnes :

  • 1 développeur (gameplay, architecture, systèmes)
  • 1 modélisateur 3D (assets, environnements)
  • 1 game master (level design, narrative)

Cette composition nous a permis de déployer un maximum de fonctionnalités en peu de temps tout en exploitant au mieux les connaissances et compétences de chacun. Le résultat : un jeu Pokémon-like complet avec exploration immersive, dialogues, combats au tour par tour, inventaire dynamique, et sauvegarde persistante.

Ici il s’agit d’un jeu pour présenter et donner envie de rejoindre notre formation MMi, en montrant concrètement :

  • 🎮 Les capacités de BabylonJS pour créer des mondes 3D interactifs
  • 🏗️ L’architecture modulaire et scalable en JavaScript vanilla
  • 💾 La gestion d’état complexe et la persistance de données

Un projet full-stack front-end démontrant des compétences en game design

💡 Astuce : Utilise ZQSD pour te déplacer, E pour interagir, M pour le menu.