Hypixel Level/Progress Display

This program displays the current level and progress to their next level for Minecraft Hypixel games Bed Wars and SkyWars. The color and font of each level is also shown.

This is aimed for use with livestreams of these games as a supplement to the viewer experience. I originally created it to show my progress to 300✫ in Bed Wars and level 15 in SkyWars.

Examples

Screenshots taken October 6, 2022

ThatHypedPerson Bedwars

ThatHypedPerson Skywars

RedYoshi7 Bedwars

RedYoshi7 Skywars

Setup

Download the zip of this repository at the top of the page and extract it to a known location.

Download and install this Minecraft font (repo).

Navigate to api.js and change the variables at the top of the file to:

• api_key: Connect to the Hypixel Network (mc.hypixel.net) and run the command /api to get your api key.
• uuid: Go to the website https://namemc.com/ and input your username. The uuid should be on your profile.

Your api.js should look like this

// do /api in hypixel and add the key below
api_key = "967211bc-1ed9-4343-9792-48fdbbda707a" (FAKE API KEY)

// look up your UUID and put it here
uuid = "f73b37d0137b40e682b1b5e400617ca6" (ThatHypedPerson UUID)
...

obviously without the parenthesis

The following instructions are for OBS Studio, however most steps should be similar if not the same in other streaming programs.

1. Add a new browser source to your scene.
2. Enable the local file checkbox and browse for the index.html of this project.
3. Set the width of this source to 1000 and the height to 200.

Your browser source should now look like this: