This code is currently undergoing redevlopment so is subject to change. But the below code should work in the mean time, just note the codepen now works via websocket so bare that in mind when reading this guide, it will be updated ASAP
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
Installation
In Streamer.bot in select Import
from the top left.
Copy the Import Code
and paste it into the Import String
.
Both Codes will need the following references in order to compile.
mscorlib.dll
System.dll
System.Core.dll
You will need to create the following commands, if you already have the !points
command from VRFlads system then change that one so its tied to the new action.
!rank = Tied to Leaderboard
!points = Tied to NewGetPoints
Final step would be to add the Browser Source Url from the Codepen(see below) into the filePath
argument and change the OBS set browser source
subaction and point it towards your newly created browser source.
You may want to add you own movement/effects on this.
Code Pen (optional)
The Codepen can be altered if you so wish, you can change the title on the leaderboard by changing the Top Points
text in the html. You can also change the colours if you wish by playing with the CSS. Around line 134 there is a nth-child
and under that it say background, altering that hexcode will change the color.
My advice would be to fork the code pen, by clicking fork in the bottom right, that way you can save and then as you change things and refresh if something goes wrong without losing all the work you’ve done.
Once you’ve got the code pen how you like it, you will need to export it. You can do this by pressing export > download .zip. Once downloaded, extract the files and put them somewhere safe. The next step is to open the dist
folder and open the index
file. Copy and Paste the url of that file into a browser source within OBS.
It is important that you do not click local file when creating your browser source.
Configuration
boardSize
This is the amount of users you want it to show when you do !rank
valueName
This is the name of your points.
ignoredGroup
This is the name of people you want the bot to ignore. So they don’t show on the leaderboard. (You will need to create this group)
It’s important to note that if you choose a number too high for boardSize the message may not post due to twitch’s own message character limit. 15 is the highest I would go to be safe.