/leaguewordle

League Wordle-Like

Primary LanguageTypeScript

Logo of the game that says League of Wordle

A version of Wordle but with League of Legends Champions

The word bank contains all of the current League of Legends champions and gives hints if you are close to the target champion.
You have 5 tries to guess the correct champion. Every incorrect guess produces hints showing which traits were correct or wrong.

You can play the game here: https://leaguewordle.fly.dev/

_Built with: React, Node

Picture of a laptop showcasing dark mode with text on the right saying:

Champion List and Attributes

The Champion & their respective attributes are taken from the League of Legends Fandom Wiki Page as an HTML table and then converted to a JSON file.


The original JSON file format

Champion Classes Release Date Last Changed Blue Essence RP
Aatrox
The Darkin Blade
Juggernaut 2013-06-13 V12.14 4800 880

The restructured JSON file format

Champion Description Classes Release Year Last Changed Blue Essence RP
Aatrox The Darkin Blade Juggernaut 2013 V12.14 4800 880

The restructured file is made to be easily broken into strings to compare and produce hints. The JSON file used to form the Word Bank and hints is available to read and download in the repository under the file name champions.json



Restructure changes done by @Darren-Tham 1

Hints

Hints are displayed under the input bar only if the player's guess is wrong. It compares the guessed champion's attributes to the correct champion and produces a visual showing which attribute is correct, incorrect, or if the guessed attribute is lower or higher compared to the correct champion.

Correct: a checkmark icon

Incorrect: An incorrect/wrong symbol (an X with a circle around it)

Higher: An Up Arrow icon

Lower: A Down Arrow icon

The Four Attributes Used

Blue Essence Amount

If the guessed Champion's Blue Essence amount is equal to the correct Champion's Blue Essence amount, it will be shown as correct. If the guess is wrong, a hint will be shown to the player if the Blue Essence value is lower or higher.

Blue Essence values are between [ 450 BE, 1350 BE, 3150 BE, 4800 BE and 6300 BE ]

Please note that new Champion's initial increased Blue Essence cost (7800 BE) will not be included but rather defaulted to the normal price of 6300 BE.

Riot Point Amount

If the guessed Champion's RP amount is equal to the correct Champion's RP amount, it will be shown as correct. If it is wrong, it will give a hint to the player if the RP value is lower or higher.

Riot Point values are between [ 260 RP, 585 RP, 790 RP, 880 RP and 975 RP ]

Release Year

If the guessed Champion's release year is equal to the correct Champion's release year, it will be shown as correct. If it is wrong, it will give a hint to the player if the release year is lower or higher.

The current range is between the years [ 2009 - 2022 ]

Classes

If the guessed Champion's class is equal to the correct Champion's class, it will be shown as correct. If not, an incorrect icon will appear.

The current list of classes are:

[ Artillery, Assassin, Catcher, Diver, Skirmisher, Battlemage, Burst, Enchanter, Warden, Juggernaut, Marksman, Specialist and Vanguard ]

Champion Images

Using Riot's Data Dragon tarball, which included the Champion icons and loading images, the player guessed champion icon is displayed if the guess is wrong, and if the game is over or won, it shows the correct champion icon.

Acknowledgements

Footnotes

  1. @Darren-Tham Huge thanks to Darren for restructuring the JSON file and helping me out at the start of this project!