LoL Build Generator

Générateur de builds aléatoires — League of Legends × Data Dragon API

Voir le projet en ligne Voir sur GitHub

Le Concept

LoL Build Generator est un outil web qui génère des builds aléatoires complets pour League of Legends en consommant la Data Dragon API officielle de Riot Games. L'objectif : découvrir des combinaisons inattendues de champions, de runes et d'objets — idéal pour les challenges entre amis ou pour sortir de sa routine de jeu.

Le projet supporte deux modes : Classic (Summoner's Rift) et ARAM (Howling Abyss), chacun avec ses propres règles de filtrage des sorts et des objets. Les builds générés sont sauvegardés automatiquement dans le localStorage et exportables en PNG via html2canvas.

Ce projet n'est pas approuvé par Riot Games et ne représente pas les positions officielles de Riot Games.

Architecture

  • Pattern MVC : Séparation claire en services, modèles, vues et contrôleurs pour une maintenance facilitée.
  • Héritage JS : AramController hérite de BuildController et surcharge uniquement refreshBuild() pour les règles ARAM.
  • Data Dragon API : Récupération en temps réel des champions, objets, runes et sorts via les endpoints REST officiels de Riot Games.
  • Persistance : Historique des 5 derniers builds stocké en localStorage, rechargé à chaque session.
  • Export PNG : Capture du build affiché via html2canvas et téléchargement direct en un clic.

Stack Technique

  • JavaScript JavaScript ES6+ — Fetch API, OOP, async/await
  • HTML5 HTML5 — Structure sémantique
  • Tailwind CSS Tailwind CSS v3 — Styles utilitaires
  • Git Git — Versioning

Fonctionnalités

Mode Classic

  • Sélection aléatoire d'un champion avec filtre par rôle (Top, Jungle, Mid, ADC, Support) et par type (Tank, Mage, Assassin…)
  • Génération de 2 sorts d'invocateur adaptés au rôle
  • Build complet de 6 objets avec tooltips (nom, coût, description)
  • Page de runes avec chemin principal et secondaire

Mode ARAM

  • Sorts et objets filtrés selon les règles de la Howling Abyss
  • Contrôleur dédié héritant de la logique Classic

Historique & Export

  • Sauvegarde automatique des 5 derniers builds en localStorage
  • Cartes dépliables avec champion et rôle
  • Export du build en image PNG via html2canvas

Aperçu

LoL Build Generator — Génération d'un build complet
LoL Build Generator — Mode ARAM
LoL Build Generator — Historique des builds