Documentation
Comment marche Tierloss
Tierloss, c'est classer des trucs à plusieurs, en direct, sans se marcher dessus. Cette page explique ce qu'il se passe derrière l'écran : le temps réel, les deux endroits où l'IA intervient, et comment un simple poster web se transforme en PNG ou PDF.
En direct
À plusieurs, sans se marcher dessus
Chaque tierlist ouverte est une room Socket.IO. Dès que quelqu'un la rejoint, il apparaît dans la liste des participants et voit exactement le même plateau que les autres — mêmes items, mêmes catégories, mêmes verrous.
Quand tu attrapes un item pour le déplacer, il se verrouille instantanément pour tout le monde d'autre (badge « verrouillé par toi ») — personne ne peut te le prendre sous la main. Dès que tu le reposes, le verrou saute et la nouvelle position s'affiche en direct chez tout le monde.
1 — Toi
Tu glisses un item
→
2 — Serveur
Verrouille + diffuse
→
3 — Les autres
Voient « verrouillé »
→
4 — Toi relâches
Nouvelle position pour tous
Réutilisable
Des templates, une fois pour toutes
Un template, c'est une liste d'items avec leurs images, prête à réutiliser pour n'importe quelle tierlist future — personnages de jeu, films, fruits, ce que tu veux. Tu peux la remplir à la main, coller un CSV, ou demander à une IA de la générer.
IA n°1 — génération de listes
Décris, Gemini génère
Tu décris ce que tu veux (« les meilleurs objets à puissance magique de League of Legends »), et Gemini 2.5 Flash génère la liste. Deux règles strictes lui sont imposées :
Par défaut
Tout est écrit en français — une liste de fruits, de pays, de plats reste en français, même si la demande est en anglais.
Exception
Un nom propre lié à une œuvre ou un jeu précis (titre, perso, objet, compétence…) reste dans sa version originale, généralement l'anglais — même si une traduction française existe officiellement.
Pourquoi : ça évite de chercher une image sous un nom que le wiki source ne connaît pas.
« Bâton du vide »→« Void Staff »
Trois sources
Trouver la bonne image
Pour illustrer un item, trois sources sont disponibles :
Wikipédia
Le bon réflexe pour la plupart des sujets généralistes.
OMDB
Affiches de films et séries.
Laisser l'IA trouver
Pour tout ce qui est trop spécifique pour Wikipédia — persos et objets d'un jeu précis.
IA n°2 — recherche d'image
« Laisser l'IA trouver », en détail
La plupart des franchises ont leur propre wiki communautaire (souvent hébergé sur Fandom), bien plus précis que Wikipédia pour ce genre de sujet — mais il faut d'abord savoir lequel chercher.
🔮
1. Gemini devine le wiki
À partir du nom du template/tierlist — « Persos LoL » → leagueoflegends.fandom.com
🔍
2. Recherche sur ce wiki
Même moteur (MediaWiki) que Wikipédia, appliqué à n'importe quel wiki communautaire.
🖼️
3. Icône plutôt qu'artwork
Préférence pour le portrait carré (ex. AhriSquare.png) plutôt que le grand rendu 3D par défaut de la page.
↩
4. Repli sur Wikipédia
Si rien de concluant n'est trouvé sur le wiki deviné.
Partage
Exporter et partager
Copier le lien de partage fonctionne que la tierlist soit publique ou privée — le lien seul suffit à rejoindre, la visibilité ne contrôle que l'apparition dans le fil public.
Exporter génère un poster complet (toutes les catégories, tous les items, vraies images) directement en SVG côté serveur ; le navigateur le convertit ensuite en PNG ou PDF sans jamais quitter la page.
Sous le capot
La stack
Temps réel
Next.js 16 + Socket.IO
Modèle IA
Gemini 2.5 Flash · 2 usages distincts
Images
API MediaWiki (Wikipédia + wikis Fandom)
Déploiement
Docker + Nginx
Tierloss