Projet gaming

TIC-TAC-TOE.EXE

Jeu rétro DOS avec rendu 3D temps réel

Three.jsPhaser 3Web Audio APICSS3
2025

Le projet en détail

Tic-Tac-Toe en 3D avec esthétique DOS/CRT. Le rendu utilise Three.js pour le plateau et les pièces animées, tandis que Phaser gère la logique de jeu. L'audio est généré en temps réel via Web Audio API. 4 modes de jeu disponibles : local 2 joueurs, IA aléatoire, IA minimax, et contre-la-montre. Interface personnalisable : choix des couleurs, 4 styles de pièces, et statistiques persistantes.

Aperçu du projet

Screenshot 1 de TIC-TAC-TOE.EXE
Agrandir
1 / 3
Screenshot 2 de TIC-TAC-TOE.EXE
Agrandir
2 / 3
Screenshot 3 de TIC-TAC-TOE.EXE
Agrandir
3 / 3

Défis relevés

  • Superposition de Three.js et Phaser.js dans une architecture à couches
  • Implémentation de l'algorithme Minimax
  • Synthèse audio procédurale avec Web Audio API
  • Raycasting pour la détection des clics sur le plateau 3D
  • Support tactile mobile avec feedback haptique

Compétences acquises

  • Rendu 3D temps réel avec Three.js
  • Gestion d'états de jeu avec Phaser.js
  • Génération audio procédurale
  • Effets visuels rétro (scanlines, flicker CRT)
  • Persistence localStorage

Stack technique complète

Langages

JavaScript ES6+
CSS3 (effets CRT, scanlines)

Outils & Services

Three.js (rendu 3D temps réel)
LocalStorage API
Touch Events API
Git
GitHub Pages

APIs & Services

Web Audio API (musique procédurale)

Game Development

Phaser.js 3 (architecture de jeu)

Déploiement

GitHub Pages