Pocket Casino

Casino rétro solo en pixel art : poker roguelike, blackjack arcade et turbo roulette sur une seule banque

Année
2026
Rôle
Conception & développement
Catégorie
Jeu
Stack
React, TypeScript, Zustand, Web Audio API, Vitest
Aperçu du projet Pocket Casino

Contexte

Concevoir un casino solo, hors-ligne et sans compte, où trois jeux (poker roguelike, blackjack, roulette) partagent une seule banque, sans tomber dans le générique : une direction artistique pixel art réellement soignée plutôt qu'un simple thème, une économie où chaque dollar dépensé dans un mode se ressent dans les autres, et un moteur de jeu fiable au point de pouvoir vérifier ses propres règles (stratégie de base, équilibrage des mises) par des tests plutôt que par confiance aveugle.

Solution

Développement d'un moteur de jeu pur en TypeScript, entièrement séparé de l'interface : cartes, score de poker, règlement de blackjack, roues de roulette et économie (banque, dette, taxe) sont des fonctions testées sans DOM, ce qui permet au carnet de règles d'afficher une table de stratégie générée par le moteur lui-même plutôt que recopiée à la main. Habillage pixel art fait maison : sprites 16×16 dessinés en dur et rendus en SVG, cartes à pips réellement disposés (pas de glyphes Unicode), inclinaison déterministe par carte, sons entièrement synthétisés via la Web Audio API. Une suite de 99 tests couvre le moteur, l'équilibrage des mises (simulation de parties complètes) et les contraintes visuelles des sprites.

Architecture technique

  • Moteur de jeuLogique pure en TypeScript (poker, blackjack, roulette, économie), RNG déterministe mulberry32, testée sans monter le DOM
  • Interface & étatReact 18 et Zustand pour l'état partagé entre les trois tables (banque, inventaire, trophées, persistance locale)
  • Direction artistique & sonSprites pixel art 16×16 rendus en SVG, cartes à pips dessinés, son entièrement synthétisé via la Web Audio API, aucun fichier audio ni asset binaire

Performance mesurée

  • Performance90
  • Accessibilité100
  • Bonnes pratiques100
  • SEO100

Chaque projet intègre les standards de l'éco-conception : cache avancé, lazy-loading, formats d'images nouvelle génération et infrastructure à faible empreinte carbone.