Projet de formation

Nombre Mystère

Jeu de devinette cyberpunk avec easter eggs

JavaScriptHTML5CSS3Bootstrap 5
2024

Le projet en détail

Nombre Mystère est une réinterprétation créative du classique jeu de devinette. Sous son apparence simple se cache un univers cyberpunk complet avec des effets visuels Matrix permanents, des messages cachés qui apparaissent aléatoirement, et même un mini-jeu Snake secret qui se débloque après plusieurs erreurs consécutives. Le projet démontre comment transformer un exercice pédagogique basique en une expérience utilisateur riche et surprenante. L'attention portée aux détails - sons immersifs, animations fluides, easter eggs - crée une atmosphère unique qui engage le joueur bien au-delà du simple jeu de devinette.

Aperçu du projet

Screenshot 1 de Nombre Mystère
Agrandir
1 / 3
Screenshot 2 de Nombre Mystère
Agrandir
2 / 3
Screenshot 3 de Nombre Mystère
Agrandir
3 / 3

Défis relevés

  • Intégrer un mini-jeu Snake fonctionnel dans le Canvas API
  • Créer des effets Matrix performants sans ralentir le navigateur
  • Équilibrer les indices pour maintenir le challenge sur 3 niveaux
  • Synchroniser sons, animations et logique de jeu

Compétences acquises

  • Manipulation avancée du DOM avec JavaScript
  • Canvas API pour le développement de jeux
  • Animations CSS3 complexes (glitch, matrix, explosions)
  • Gestion d'événements et états multiples

Stack technique complète

Langages

HTML5
CSS3
JavaScript ES6+

Frontend & Frameworks

Bootstrap 5

Outils & Services

Google Fonts
Git
GitHub Pages

APIs & Services

Web Audio API

Game Development

Canvas API

Déploiement

GitHub Pages