This overlay is intended to be used with tosu.
| source | url/path | width | height | x | y |
|---|---|---|---|---|---|
| vc_overlay* | 480 | 100 | 0 | 880 | |
| osu clients** | 480 | 360 | see below | see below | |
| accents | http://127.0.0.1:24050/4wc-stream-overlay/gameplay/ | 1920 | 1080 | 0 | 0 |
| main_overlay | http://127.0.0.1:24050/4wc-stream-overlay/main/ | 1920 | 1080 | 0 | 0 |
*url from discord, replace custom css with vc.css
**normal 4v4 placement according to the following table:
| client | x | y |
|---|---|---|
| 0 | 0 | 160 |
| 1 | 480 | 160 |
| 2 | 0 | 520 |
| 3 | 480 | 520 |
| 4 | 960 | 160 |
| 5 | 1440 | 160 |
| 6 | 960 | 520 |
| 7 | 1440 | 520 |
| source | url/path | width | height | x | y |
|---|---|---|---|---|---|
| vc_overlay | 480 | 100 | 0 | 880 | |
| mappool_overlay* | http://127.0.0.1:24050/4wc-stream-overlay/mappool/ | 2220 | 700 | 0 | 0 |
| main_overlay | http://127.0.0.1:24050/4wc-stream-overlay/main/ | 1920 | 1080 | 0 | 0 |
| source | url/path | width | height | x | y |
|---|---|---|---|---|---|
| intro_overlay | http://127.0.0.1:24050/4wc-stream-overlay/intro/ | 1920 | 1080 | 0 | 0 |
*data pulled from _data/coming_up.json, requires exchanging between matches
| source | url/path | width | height | x | y |
|---|---|---|---|---|---|
| winner_overlay | http://127.0.0.1:24050/4wc-stream-overlay/winner/ | 1920 | 1080 | 0 | 0 |
Intro and winner scenes can also have the vc overlay bottom left if needed
Add a stinger transition between scenes. File is in the stream package, set transition point to 1250ms.
Fallback: add a 300ms linear horizontal luma wipe transition between the scenes with 0.05 smoothness
- Left click: left (red) team pick
- Right click: right (blue) team pick
- Ctrl+Click: ban
- Shift+Click: clear
Not included here. Contains the following items:
teams.json- list of teams, staticbeatmaps.json- mappool file, exchanged weeklycoming_up.json- time and team names for a match, exchanged every match, used for intro screenstreamer.json- your name, as{"username": "yourname"}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent