VCL Tournament Overlay - Lazer edition by FukutoTojido
- You hate configuring Lazer
- You want the same look that Lazer provides but want to spend less time setting things up
- You prefer the ease of customizing an open-source overlay
- Install Tosu
- Download this repo as .zip and extract to
static
folder of Tosu - Rename either
index_acc.js
orindex_score.js
toindex.js
, depends on which win condition you are using - Update
\mappool\beatmaps.json
to match your mappool - Update
\mappool\beatmap_data.json
using the script inbeatmap_data generator
folder
- Change mod icons in
\mappool\static
folder - Change background in
\static
folder (mp-bg
for Gameplay,mp-bg2
for Mappool) - There are 2 CSS files to choose whether you want team image / profile picture to show or not. See
css
folder and remove/renametopBar.css
accordingly.- The default
topBar.css
enables showing images, while the other one doesn't.
- The default
- Most colors can be found in
\css\style.css
- For P1/P2 score, change hex code in
index.js
(Line253
for P1 and line266
for P2)
-
Add a browser source in OBS:
- URL:
127.0.0.1:24050/vcl-tournament-overlay
- Width:
2420
- Height:
1080
- URL:
-
Click on
Interact
button below the preview to interact with the overlay -
Picks: Left click for P1, right click for P2
-
Bans: Shift + Left click for P1, Shift + Right click for P2
-
Reset map status: Ctrl + Click
Note that bans are manual. Once done, you can set First Pick team in the Interact window to start the auto-pick process.
- To trigger the auto-switching between gameplay and mappool, score announce message must contain
Next Pick: ...
phrase (case sensitive). Of course with some code digging you can find where to change this. - If the players' avatars are not visible, spam Refresh in OBS.
- For additional support, DM
hoaq#6054
on Discord (or ping in osu! Tournament Hub) - note that any requests regarding modifying overlay design will be ignored. - If you are modifying this overlay, please make a fork so we know which tournament this is being used for :D