Bachelor's Thesis

Application for E-Sport Graphics Generation for the League of Legends Game

Author of thesis: Filip Janoušek

Acad. year: 2025/2026

Supervisor: Ing. Tomáš Chlubna, Ph.D.

Reviewer: Ing. Tomáš Starka

Abstract:

This thesis focuses on the design and implementation of a system for real-time generation of dynamic graphics (HUD) for broadcasting League of Legends matches without using official tournament tools provided by Riot Games. The goal was to create a solution capable of acquiring game data in real time, processing it, and visualizing it in the form of a clear and production-ready interface.
The application is designed as a distributed system consisting of a backend built on the Node.js platform and a client application using Electron technology, which is responsible for data collection from the game process through a combination of a local API and memory reading. Communication between system components is handled via WebSocket using an event-driven architecture.
The thesis also addresses the topic of reverse engineering and methods of acquiring match-related data. It further includes the design of the user interface (overlay) and the administration panel.
The developed solution was continuously tested and deployed in a real-world environment within the Infinity League project and was also used in professional production. The results confirm that the application represents a functional and practically usable alternative to existing professional tools.

Keywords:

esport, League of Legends, HUD, live broadcast, image rendering, Node.js, WebSocket, reverse engineering, process memory reading

Date of defence

16.06.2026

Date of publish

15.06.2031

Result of the defence

Defended (thesis was successfully defended)

znamkaEznamka

Grading

E

Process of defence

Student nejprve prezentoval výsledky, kterých dosáhl v rámci své práce. Komise se poté seznámila s hodnocením vedoucího a posudkem oponenta práce. Student následně odpověděl na otázky přítomných. Komise se na základě posudku oponenta, hodnocení vedoucího, přednesené prezentace a odpovědí studenta na položené otázky rozhodla práci hodnotit stupněm E.

Topics for thesis defence

  1. Proč jste v práci místo klasické tisknuté literatury citoval téměř výhradně pouze online zdroje?

Language of thesis

Czech

Faculty

Department

Study programme

Information Technology (BIT)

Composition of Committee

prof. Ing. Adam Herout, Ph.D. (předseda)
doc. Ing. Michal Bidlo, Ph.D. (místopředseda)
Ing. Jaroslav Dytrych, Ph.D. (člen)
Ing. Ivana Burgetová, Ph.D. (člen)
Dr. Ing. Petr Peringer (člen)

Supervisor’s report
Ing. Tomáš Chlubna, Ph.D.

Výsledek je dobrý a užitečný, konzultační aktivita byla velmi nízká.


Z hlediska technického provedení a nasazení v praxi se jedná o velmi úspěšný projekt. Komunikace ze strany autora byla bohužel velmi omezená, proto je hodnocení sníženo.

Evaluation criteria Verbal classification
Informace k zadání

Práce se zabývá implementací grafického rozhraní rozšiřující základní nástroje již existující hry.

Práce vychází z některých dřívějších nástrojů, avšak implementuje velké množství nových funkcí. Dosažené výsledky splňují očekávání. Autor minulý rok práci nedokončil a pokračoval tento rok.

Práce s literaturou

Autor samostatně vyhledal a použil potřebné materiály.

Aktivita během řešení, konzultace, komunikace

Konzultační aktivita byla velmi nízká.

Jelikož se jedná o vlastní téma a dlouhodobý projekt autora, nebyly očekávány hlubší technické konzultace. Nicméně, autor nepodával příliš často ani hlášení o svém postupu a pravidelné konzultace neprobíhaly, ani po upozornění ze strany vedoucího na nízkou aktivitu. Alespoň před klíčovými body, jako je obhajoba semestrálního projektu či závěrečné odevzdání se autor ozval.

Aktivita při dokončování

Práce byla dokončena a zkonzultována včas před odevzdáním.

Publikační činnost, ocenění

Výsledná aplikace je reálně nasazena při organizaci oficiálních esport turnajů.

Points proposed by supervisor: 70

Grade proposed by supervisor: C

Reviewer’s report
Ing. Tomáš Starka

Samotná technická část je solidní kus dobře odvedené práce. Jako výrazný bonus hodnotím nasazení v živém vysílání, což je zároveň prokletí, jelikož by čas strávený v živé produkci byl lépe využit na psaní textové části. Textová část dle mého názoru nesplňuje potřebné minimum, aby vyvážila jinak velmi dobrou aplikaci. Proto doporučuji technickou zprávu přepsat a řádně skonzultovat s vedoucím.

Evaluation criteria Verbal classification Points
Náročnost zadání

Evaluation level: obtížnější zadání

Práce dává dohromady webové a nativní aplikace. Kde webová část tvoří uživatelské rozhraní plus HUD overlay a nativní část se věnuje získávání dat o probíhající hře a interakci s API hry.

Prezentační úroveň technické zprávy

Text nekopíruje tradiční dělení práce - teorie, návrh, implementace. V práci se nachází příliš mnoho textu, který se týká hry a herní subkultury, ale není relevantní k řešení práce. Kapitola o uživatelském rozhraní rozebírá hlavně vzhled a umístění UI prvků, což je opět zcela irelevantní a mění se časem. Stejně jako zbytek textu je tohle uměle natahované jak slohově, tak typograficky např. použitím roztahaných seznamů. Kap. 7 a 8 jsou k věci, ale i při natahování technikou opakování už zmíněných faktů rozsahem nepostačují. Zbývající kapitoly by byly relevantní v případě, že předchozí text je technickou zprávou popisující nasazené řešení. I tak obsahují stejně jako většina práce příliš mnoho nepodstaných faktů z aktuálního dění v esportu. A neobsahují zase věci, které by dobře popsaly technické řešení.

20
Formální úprava technické zprávy

Pominouc obsah je text po jazykové stránce v pořádku. Vytkout však musím rastrový diagram 8.2.,  zneužívání nečíslovaných seznamů k natažení sazby. A některé odfláknuté obrázky. Na vložené kusy kódu je vhodné použít "listings".

65
Realizační výstup

Student významně rozšířil stávající aplikaci (League Production Toolkit) o: automatizovaný HUD, komunikaci s API hry a produkční UI pro ovládání během živého vysílání. Na vyčítání dat z paměti použil nástroj Farsight, který je potřeba doplnit o správné ofsety do paměti pro aktuální verzi hry. Tyto ofsety jsou získány ručně pomocí disasemblování a dalších metod reverzního inženýrství popsaných v této práci. Popis mohl být ale detailnější.

85
Využitelnost výsledků

Práce je úspěšně nasazena v praxi s výbornými výsledky.

Rozsah splnění požadavků zadání

Evaluation level: zadání splněno

Rozsah technické zprávy

Evaluation level: nesplňuje minimální požadavky

Příliš velká část odevzdaného textu není technickou zprávou popisující práci. Text je uměle natahový velkým množstvím duplicit a zbytečností. Užitečné věci sotva stačí na minimální rozsah.

Práce s literaturou

Čistá katastrofa. Seznam literatury obsahuje pouze jeden zdroj s ISBN, zato 24 jsou internetové články, většinou nesouvisející s informatikou vůbec. O to hůř, že přímo v zadání má od vedoucího 3 literární zdroje.

0
Points proposed by reviewer: 45

Grade proposed by reviewer: F

Reasons for publication postponement

Publication of the final thesis has been postponed in compliance with the provisions of Section 47b (4) of Act No. 111/1998 Coll., on the Higher Education Institutions and on amendments and supplements to other acts, as amended.

Responsibility: Mgr. et Mgr. Hana Odstrčilová