janes.hu logo

CS:GO broadcast HUD rendszerek fejlesztése

Kliens: Esport 1 Kft.

Kezdés: 2019-05-09

Átadás: 2022-01-11

Publikálva: 2022-01-01

Projekt felelős: Janes Zsolt

Weboldal: esport1.hu

CS:GO broadcast HUD rendszerek fejlesztése

Főbb megoldások

  • Valós idejű játékadatok feldolgozása spectator módban

  • Egyedi Node.js alapú HUD rendszer fejlesztése

  • Headless Chrome alapú renderelés broadcast környezethez

  • Játékos adatok megjelenítése (HP, fegyverek, státuszok stb.)

  • Testreszabható grafikai megjelenítés az ügyfél designjai alapján

  • Stabil működés biztosítása élő közvetítések során

Technikai megközelítés

A rendszer a CS:GO szerver által biztosított valós idejű adatfolyamot dolgozta fel, amely spectator módban érhető el. Ezekből az adatokból egy Node.js alapú alkalmazás generálta a HUD felületet, amelyet headless Chrome segítségével lehetett renderelni és integrálni a broadcast rendszerbe.

A megoldás lehetővé tette, hogy a standard játékbeli információk egyedi, eseményre szabott grafikai környezetben jelenjenek meg, igazodva az adott verseny arculatához.

Eredmény

A fejlesztett HUD rendszerek több esport eseményen is sikeresen működtek, stabil és valós idejű adatmegjelenítést biztosítva a közvetítések során. A rendszer rugalmasan alkalmazkodott különböző grafikai igényekhez, és megbízható alapot nyújtott élő broadcast környezetben történő használatra.

Verziók

4 külön eseményre készültek a fejlesztések, akkoriban a webesports.hu alatt tevékenykedtem.

  • V4 Future Sports Fest CS:GO HUD fejlesztés - 2019-08-31

  • MNEB CS:GO HUD fejlesztés - 2019-05-09

  • MNEB 2020 CSGO HUD - 2020-07-09

  • 2021 V4 Future Sports Fest CS:GO HUD fejlesztés - 2022-01-11

Szerep: Full-stack fejlesztés
Technológiák: Node.js, Headless Chrome, WebSocket / realtime adatfeldolgozás

Videó is megtekinthető 1

Videó is megtekinthető 2

V4 Future Sports Fest CS:GO HUD fejlesztés

MNEB 2020 CSGO HUD

2021 V4 Future Sports Fest CS:GO HUD fejlesztés

MNEB CS:GO HUD fejlesztés