FGC Scoreboard is an html and css scoreboard for fighting game tournament streams. It uses absolutely no images (except for tournament/company logos which I've included a generic PSD for) and absolutely no webm files for animations.
To get started with FGC Scoreboard just open your streaming platform of choice, add a broswer source, and then navigate to wherever you saved the scoreboard.html file.
The scoreboard is built to work with StreamControl (included in the repo). All of your data entry should happen through that app including:
* Player Names
* Team Names
* Round
* Score
* Game
To change any of the colors, the font, the opacity, etc. just open the scss file and tweak the variables at the top. There's no need to jump into the rest of the styling unless you want to change something more drastic.
Finally, when you select a game (and hit save) the layout will adjust so that the scores and logos don't cover important guages.
* BBCF
* BBTAG
* DBFZ
* GGXRD
* KOFXIV
* MVCI
* SFVCE
* TEKKEN7
* UMVC3
* UNICLR
* USF4
If you found this at all useful, or have some suggestions, please let me know! You can drop me a line on twitter (@tarikfayad), find me on Twitch (ImpurestClub), or ping me on my Discord server (Link).
Also, feel free to check out a much bigger project I've been working on called WASD. It's a search enginge for teammates/sparring partners along with a pretty comprehensive tournament calendar. You can find it here: https://wasdgaming.gg
If you've really found this useful, feel free to
Massive thank you to TheSassageKing for making the initial 4 hour YouTube tutorial this is based on. The general look of the board and a good chunk of the code's skeleton comes from following that video.
Also, thank you to u/Brylark over on Reddit for making the VALORANT font that I've included in the repo and plan to use myself for the time being.
- Add lower thirds for commentators
- Create GIFs to show case animations
- Explore Smash/Challonge/Toornament integration
Pull requests are more than welcomed!
Usage is provided under the MIT License. See LICENSE for the full details.