This is a real simple HTML widget that you can add to your stream that shows who is playing as what character. Supports unlimited amount of players.
- Open
config.jsin Notepad or a similar text editor. - Make the various changes that you need to. Every setting is currently documented.
- Save your file.
EX:
- To change the font size, modify the value of
fontSizeby changing the number. - To change the game, modify the value of
gameto one of the appropriate options ("mp2", "mp3", "jamboree") - Adding more players you can just copy the values of the sample in the file, if a character doesn't exist for a game, no character will appear next to the name.
- You can also modify players names by changing the data inline for an entry as well.
NOTE: If you have the browser already loaded and visible on the OBS screen, you will need to refresh the browser in OBS (click on the browser element and then press the Reload button that appears)
- Add a browser source in OBS.
- Set the width and height of the browser to 800 x 600 (you can change this later)
- Click on the local file option
- Browse to the
index.htmlin this folder. - Click the
Shutdown Source When Not Visibleoption in OBS. - Save the new browser source
- Now you can resize and move around the browser widget as appropriate to wherever you want.
This is the default widget, and is seen in any instance where the vertical height is greater than 200px.
To achieve, set your browser width/height to 1200 x 200.
- Find a sprite sheet for the character profiles somewhere.
- Create a folder with the game name, it should have no spaces.
- Paste the individual cut up images of each sprite into this newly created folder.
- Rename each sprite to the appropriate character name. They should be all lower case, and any spaces should switched to underscore (
_) characters - Run
CreateStyleSheet.bat - A
style.cssfile should be created in every folder.
Icons and images in this project may be owned by Nintendo, the license only covers the code that is in this repository.