À la fois vitrine technique et invitation à jouer

Jeux & démos IA — pour jouer et illustrer mes compétences

Ces mini-jeux sont à la fois faits pour s'amuser et des preuves techniques de mes compétences en IA/ML. Chaque démo implémente un algorithme, un modèle ou un pipeline précis (Minimax, algorithmes génétiques, réseaux de neurones, computer vision, STT/traduction, MediaPipe…) en local dans le navigateur — pas de serveur, pas de tracker, RGPD par design. → voir toutes les compétences · les tags de chaque carte pointent vers les technologies effectivement utilisées.

📖 Nouveau — case study technique du studio VISION (contexte, décisions, ratés, apprentissages) → Lire l'article

Maître des Échecs

Stratégie · Minimax

Échecs complets avec tutoriel interactif (10 leçons), IA adaptative à 7 niveaux et mode Défi qui analyse vos habitudes pour vous pousser à progresser.

  • Minimax
  • Alpha-Beta
  • PST
  • Adaptatif
Jouer

GENESIS — L'Éveil de la Vie

Simulation · Boids + Génétique

Simulation d'évolution auto-progressive : 6 ères, du quantum à l'écosystème. Entités interactives, prédation, symbiose, mutations génétiques.

  • Boids
  • Génétique
  • Procédural
  • Idle
Lancer la simulation

RACEGEN — Circuit Vivant

Arcade · NN + Génétique

Course sur circuit généré aléatoirement. Jouez vous-même ou regardez une IA apprendre à conduire via réseau de neurones + algorithme génétique sur plusieurs générations.

  • Réseau de neurones
  • Algorithme génétique
  • Procédural
Course IA

MAZE — Pathfinding Race

Démo · BFS · DFS · Dijkstra · A*

4 algorithmes de plus-court-chemin lancés en parallèle sur le même labyrinthe. Dessinez vos murs, déplacez départ et arrivée, regardez les vagues d'exploration se propager et comparer leurs stratégies.

  • Pathfinding
  • A*
  • Graph search
Lancer la course

VISION — Studio Computer Vision

Démo · Multi-modèles · TensorFlow.js

Analyse vidéo, image ou webcam avec 11 modes IA : objets, visages + émotions/âge, poses, scènes, anatomie, silhouette, mouvement, mains, aliments, style transfer. 6 modèles TF.js/WebGL, split screen avant/après IA, OCR, anonymisation. 100 % local — RGPD par design.

  • Computer Vision
  • 9 modèles TF.js
  • WebGL
Lancer VISION

TRAIN — Fine-tuning live d'un MLP

Démo · TensorFlow.js · MLP

Dessiner des chiffres, les étiqueter, puis regarder un petit MLP (784 → 128 → 64 → 10) apprendre en direct via TensorFlow.js. Courbes de loss et accuracy tracées à chaque epoch, prédiction en temps réel via softmax. 100 % local — RGPD par design.

  • TensorFlow.js
  • MLP
  • Backpropagation
  • Dataset UI
Ouvrir TRAIN

PROMPT — Prompt engineering interactif

Démo · LLM · Éval locale

10 défis pour muscler l'art du prompt : extraction JSON, résumé contraint, persona, few-shot, chain-of-thought, garde-fous enfant, tableau markdown, bilingue. Évaluation heuristique locale (mots-clés, format, structure, longueur). Score sur 100 + tips + prompt de référence. Zéro API, 100 % offline.

  • Prompt engineering
  • Few-shot
  • Chain-of-thought
  • Éval heuristique
Jouer PROMPT

VIZ — Dataviz interactive IA

Démo · KMeans · PCA · Régression

4 datasets synthétiques (blobs, moons, spirals, courbe bruitée) et 3 algorithmes en JS pur : KMeans (k-means++), PCA 2D (via covariance exacte), régression polynomiale (moindres carrés). Curseurs pour les hyperparamètres, canvas natif, itérations pas à pas. Voyez la convergence et l'overfitting en direct.

  • KMeans++
  • PCA
  • Moindres carrés
  • Canvas natif
Lancer VIZ

RAG-PDF — Chat sur un PDF, 100 % local

Démo · RAG · Transformers.js + pdf.js

Déposez un PDF, l'app extrait le texte via pdf.js, le découpe en morceaux, calcule un embedding par chunk avec all-MiniLM-L6-v2 (Transformers.js), puis retrouve les 3 passages les plus proches de votre question par cosine similarity. Highlight des tokens. Aucun serveur, tout dans le navigateur.

  • RAG
  • Transformers.js
  • pdf.js
  • Cosine sim
Ouvrir RAG-PDF

SIGN — Alphabet LSF + Traduction vocale

Démo · Accessibilité · MediaPipe + Transformers.js

Reconnaissance temps réel des 26 lettres de l'alphabet LSF via MediaPipe Hands + classifieur règles-métier sur 21 keypoints. Traduction vocale FR ↔ EN par Whisper-tiny (STT) + OPUS-MT + Web Speech API (TTS). 100 % local — RGPD par design. Jeu d'épellation intégré.

  • MediaPipe Hands
  • Whisper-tiny
  • OPUS-MT
  • Accessibilité
Lancer SIGN

DEEPFAKE — Détecteur d'images synthétiques

Démo · Computer Vision · ViT + Transformers.js

Détection deepfake 100 % locale via Deep-Fake-Detector-v2 (ViT-base fine-tuné, ~86M params) sur Transformers.js v3 avec backend WebGPU. Trois modes : image, webcam temps réel et vidéo frame-by-frame avec timeline des scores. Aucun upload serveur — RGPD par design.

  • Vision Transformer
  • Transformers.js
  • ONNX WebGPU
  • Image classification
Lancer DEEPFAKE

SAM — Segment Anything, en un clic

Démo · Computer Vision · SlimSAM + Transformers.js

Segmentation d'objets en 1 clic via SlimSAM-77 (Segment Anything Model distillé × 8, 77M params) sur Transformers.js v3. Encodage image une fois (~2s), puis décodage masque instantané (~200ms/clic). Multi-points, exclusions, export masque + image détourée. 100 % local — RGPD par design.

  • SAM / SlimSAM
  • Transformers.js
  • Interactive
  • Segmentation
Lancer SAM

2048 — IA Expectimax

Puzzle · Expectimax

Le 2048 classique en 4×4, plus une IA Expectimax à profondeur réglable qui peut jouer à votre place. Visualisation en direct des évaluations par direction.

  • Expectimax
  • Heuristique pondérée
  • Arbre de recherche
Lancer le puzzle

Démineur — IA Logique

Puzzle · Contraintes + Bayes

Démineur classique avec un résolveur qui propage les contraintes des chiffres révélés, puis énumère les configurations valides pour calculer une probabilité de mine par case (heatmap activable).

  • Propagation de contraintes
  • Énumération
  • Probabilités
Déminer

ADAPT — Plateforme Adaptative

Plateforme · PCG adaptative

Platformer 2D dont les niveaux sont générés en fonction de votre style de jeu. Un profil temps réel (aérien, terrestre, agressif, prudent, casse-cou) pondère le générateur pour vous proposer des défis taillés sur mesure.

  • PCG
  • Profilage
  • Pondération
  • Adaptatif
Jouer

PULSE — Rythme IA

Rythme · Beat detection

Importez n'importe quel fichier audio. Une IA locale isole les basses, détecte les onsets par énergie + autocorrélation BPM, et compose un niveau qui tombe en rythme. Votre musique reste sur votre appareil — zéro upload, zéro persistance.

  • Onset detection
  • FFT
  • BPM
  • Privacy-first
Jouer

Pourquoi cette bibliothèque ?

Ces démos servent surtout de vitrine pédagogique : chaque jeu illustre une famille d'algorithmes que je manipule au travail (heuristiques pour la prise de décision, recherche d'arbre, apprentissage par renforcement, propagation de contraintes…). Tout est en HTML/CSS/JS vanilla, sans dépendance ni serveur, conformément à l'esprit du reste du site (RGPD, pas de tracker, pas de polices distantes).