The Legend of Elelhem : La Magie de Lia
Un petit RPG pour découvrir l'IA en dix minutes, dans le navigateur.
Jouer à Elelhem, gratuitement, sur téléphone ou sur ordinateur, sans inscription.
Le but du projet
Elelhem poursuit deux buts.
Faire découvrir l'IA en s'amusant. Le temps d'une pause, on parcourt les notions clés de l'IA générative sans jargon. Huit maîtres du village enseignent chacun une notion, posent une question, et remettent un parchemin ; les huit réunis valent un diplôme d'apprenti mage.
Montrer ce qu'on construit quand on pilote bien une IA. On lit souvent qu'un seul prompt suffit pour créer un jeu vidéo. Un prompt donne un premier jet ; celui-ci est le fruit d'une méthode. Jordan Goussery, formateur et consultant IA, passionné de jeux de rôle, a fixé l'architecture (des modules natifs sans étape de build, une seule dépendance, un rendu HD-2D écrit pour le jeu), les choix techniques et de game design, et une vérification dans le navigateur à chaque étape. Claude Code a écrit le code sous sa direction, Higgsfield a illustré les personnages d'après ses descriptions.
Ce qu'on y apprend
| Maître | Son métier au village | La notion d'IA |
|---|
| L'Oracle Gépété | vieux magicien qui sait tout, et se trompe parfois | le grand modèle de langage |
| Maître Ferrand | forgeron | l'art du prompt |
| Dame Marjolaine | bibliothécaire | le contexte et les biais |
| Basile | apothicaire | les hallucinations |
| Berthe | aubergiste | la mémoire |
| Pépin | messager du colombier | les connecteurs MCP |
| Maître Gaspard | chef de chantier | les agents |
| Capitaine Rocard | garde de la muraille | la sécurité des données |
Chaque leçon est facultative et se relit dans le grimoire. Une erreur ne coûte rien, sinon la mention du diplôme.
Partager le jeu
Le lien se partage librement, y compris avec des stagiaires. Le jeu et son contenu restent la propriété de leur auteur : pas de copie, d'adaptation ni de réutilisation, même gratuite, sans son accord écrit. Le détail est dans la licence.
Version 2.10.3, du 7 octobre 2026. L'état du chantier : docs/suite.md ; le récit de la construction, étape par étape : docs/construction.md ; le vocabulaire du code : CONTEXT.md.
Le jeu
La partie commence dans la maison du héros, où Claudette, sa sœur, lui confie la quête. Le village se parcourt à l'heure dorée : place au puits, forge, bibliothèque, apothicairerie, colombier, porte de la muraille, auberge, chantier, tour de l'architecte, rivière et pont. On entre dans la maison, l'auberge et la forge. Huit maîtres enseignent chacun une notion, posent une question à trois choix et remettent un parchemin ; chaque leçon est facultative et se relit dans le grimoire. Les huit parchemins réunis, Clodomir, l'architecte, remet un diplôme d'apprenti mage, avec une mention selon les erreurs, à partager ou à télécharger, puis vient le générique. Une minimap montre qui attend encore, et les Tokens gagnés en chemin s'échangent contre des tenues chez Berthe ou une épée chez Ferrand. Hors les murs, la lande grouille d'Hallucinations : on les dissipe à l'épée, en temps réel, trois coups qui s'enchaînent, cinq clartés en jeu ; elles lâchent des pièces et parfois une fiole de clarté, à ramasser en marchant dessus. La fiche d'apprenti (touche F) fait le point, avec six exploits à décrocher. Depuis la version 2.3, le village est plus vaste et plus vivant : un marché (le marchand y vend des fioles de réserve), un verger où cueillir une pomme, un lavoir et sa lavandière, un terrain d'entraînement avec son défi du mannequin ; on jette un Token dans le puits pour une maxime, on fouille tonneaux, caisses et meules, on ramasse douze étincelles cachées, et un coffre attend derrière la cascade. La carte (touche C) est une illustration peinte sur parchemin. Les façades (version 2.4) ont leur rez-de-chaussée de pierre, leurs croix de colombage, leurs volets peints, leurs lucarnes, leurs enseignes et leurs lanternes à la porte.
- Au clavier : ZQSD, WASD ou flèches pour marcher, Maj pour courir, molette pour le zoom, E, Entrée ou Espace pour parler, flèches ou chiffres 1, 2, 3 pour répondre, G pour le grimoire, C pour la carte, F pour la feuille de personnage, J ou X (ou un clic) pour frapper de l'épée sur la lande, M pour couper la musique, T pour replier ou déplier la légende des touches, affichée en bas à gauche sur ordinateur.
- Au doigt : un joystick apparaît sous le pouce dans le bas de l'écran (poussé à fond, on court), un bouton d'action parle à l'habitant à portée, un bouton épée frappe sur la lande, deux doigts pincent pour zoomer. L'écran titre permet de passer le joystick à droite pour jouer de la main gauche.
Les coulisses
- Mesurer : ajouter
?debug à l'adresse pour afficher les images par seconde et le coût du rendu.
- Revoir l'accueil : la partie est sauvegardée dans le navigateur ;
?reset repart de zéro, ?autostart saute l'écran titre.
- Voir l'envers du décor :
?nofx montre le village sans post-traitement, ?view=coc la carte du flou (net en noir, lointain en bleu, premier plan en orange), ?view=bloom le halo seul, ?view=raw la scène nette avant flou et halo, ?vignette l'écran titre recomposé pour l'image de partage.
- Lire le récit de la construction :
docs/construction.md, une entrée par étape, avec ses mesures.
Lancer en local
Pour étudier le code seulement : la licence n'autorise aucun autre usage d'une copie. Les modules JavaScript ne se chargent pas depuis un fichier ouvert directement : il faut un petit serveur statique. Avec Node.js installé :
npx -y http-server . -p 8080 -c-1
Puis ouvrir http://localhost:8080 (ou http://localhost:8080/?debug).
This is the beginning of the README. Read the rest at the original. Read the full README ↗
