Leaderboard (Points System)

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

U0JBRR+LCAAAAAAABADtWmmP4siW/T7S/AdUUkkzqnaVV4xLeh/AyWLIpBIMBvyyPzgcgXHhhecF0tnq/z43wuxLVr583W96NNVSqiHWG+eeeyK4t377z/+oVD6sSZL6cfTha0X6hTX44SpOMmvfLJbNoR/5YR4e2j/wn8XPPIdI5nyWP2wHwRfo+o1+ga+RExI68qGoNJ/pquUw6HHybBEntG9EksQnyZ2TZOm++2DUB+Ez/5nfd2CSuom/yradH2jz7+Xe2DnZ23HpoBRa/l62VHZdrNvHdH4N8bzA16ocdpDGyQjJnKM4Eie4ojtXVFVRBXW3N5v2j5zk9EhRHgTH7SRyUEDomlmSk5OeZzfIMWklcdjx0yxOChg0d4L0ZNQOqb/reZKQyC1+rXCVe+JgkqDYSfCJEV4S56uz0Y+xH2WVOsaVb1F6MtoJNk6RDvPo2r6JE+E4rLtbQC/63Thy2R7Ztd4s8T0PXHUM8hnQpTudxKf40IG//f7LWW/pCkJcFWtViXPm2OVkXhY4R6opnFQVRUVz5sSpKR/Op2bFisKm8uJ5z02HXGBC+4+7fz98+fUEx0tCvXbW/tajzH2m/0IujF87AeOSwF+Yl2fxqDzaNetLwByAyJU1npNcQjjZlQQOqRrmkCYqiBeIw6vCxZ4b4nsL6ksIqhtgCqJ03rMj3Bnr3wC0H2HyTLc7QfiXfwbAuR+QRydb3MSPjfj65cuXu69fzCwhTvhR5M0sn8+/PJIo/YIdPyhyn+MFLThE1BcM0fiF2fd5kYXBxfJvckJNnlf5ao3ntKoCTpjjGockec5VybyqONpcVZTaX8YJ4tudsNOjGxLExpxr8Xn/kpBVPfDX5Ip0sAEJmRMqX+QiqFi3/vXpaQK2x5v06enBd5M4jefZ535z9PTUSsDATZwsq/LT01qGO0LiJUF7egpTN04CH33GwYVL37umWaQZCf+EFfU4IX/ksodxlp/mTtBwUt99ZYNxCuL99JRFqzh7eqqvVndwhz493ceuE4CRLJZI0qCdfbLJQP3o2t00jtiip2v+eu5eVGREjzHjEZ72Vyh0vbEUvOC2lX3b8L3ztvtlf43az8FMGq6QqLzcL3GAQqtwJg/q3WAFd3KQ20VjhDvdYDYRAtdXfCQN8nH7WbCh734JF23bKuyw9d02lT4ShwG6S/u6x/fcjuWjdvDdaPfT2bT/YjSHgtt+Xs3EFm+Ps4CMYe9pY+HCfo+t4b09XX4y7mLPvNbewbE97QZG+d375je6A1HL3HarmE26qT3gewTOZ0jdAOxao6N+e2rUrCbsN5K90cTKZrCuS8fqdc/oNIRZCDYVjRWKBt5+jrkYm6KlGB0v3e1JzGVf92GO3gBsYo/Np39twEBvwD59AXUG3qPZUBiu5RnGqFjIvVG6nVv+OZOZ1wNMXclKsV7XHs36pjfY2nT0B/N5PO3mxl1TNfTa2mguFigcprbZCNyptQB8eWLCPkXDtycW860NGMymw8D1jtdrBKjTD07sLtvBbvBLKNO9XvDkmf+2x4bv6xF/w5f9gdkMcmjL99if4ukjUUuNpiXbk76A2+N4f77OKRZjUSuAQ8shrI/b4LuwVZDRM/VHanT6vBvCHi9gX1uDtuE3xsOirhltJcDATSR1eXsybDqTPu9MtHw27SqPzCcbz5WGwGUlevQXuT11vWHH2tBzUHyof485AuP4R99bnftq1IZYuXu2XNEqLLDNmbQAC2sym0AMlHZ+evQb4IvnAYKYwC3rBbj6Ytzx3kBoGDSmcGsoOdPhd2fbR9dhNt7JsRE11nRvtzDgvMMCT8arvQ9KH4WI+nTSjw198aodRoeubwC/ZA/a03GJGZvjFsuTc5HNJd8YL/XW3bjp5da0H7jLYGlOlI4baoKrLwS6zn3AztC1AV8j6gIfM302UXJ7MvB75uke1/x99Le+54FHuvKARNxFob3ulfZv91YWaDL2ekXdfzQN+H9ju7+9QB0rOPfTEV4b5ocmnW+BprWW9t72cu693jg+C+PU1fVoDBy1zYHDJzEEv7FcaVAb73nWCCGG0kGoQewzLWC823LoBXSUxuinnr5Uf7COD5hL1MbBZLiksXnE+Qdn2ucfD7ERn9tuh1phT1rfHb0eU54DX1I8sQazSVBcxgbg1W4pO96cxtmPOWNHVoqa3TXE3XKL9W69vNy39CGNB8OvJ8ZRP7WtZypjJGzPUlzG31ZjQ5h3jG0OsStQzX7U6+I17bxm65Fer6g9p7b31xji8NvNed0CSZjypWG3h1Tvt9zylts4UJ0prxGpARoZ0LuyjM0pH24xfSFioD1O0xjuwQWZAP+WcC+Zy9xqa6MtN+LelPffxcWOvXC3/AO+5Q7lS2uHq9KjMdHTjdDwN94s6q6xRGMM7Gf30AO1oeHCOYh56QMMegPnXwAfH4AzCcUOMItcIfXtMEhtq7HAbc+fnvnyTMeYroxFix/AXAz8Av/FRgjvjwncV2Hph9J20EJ94BPxsOd8pKmlv0Drwkwz/B/GEI+kxqDkWqnH8LaRduMO/L+wk70FZoxnw5EzXQVMy0Utx/B2wDqckafa/VD06N0h9ZGxtX0sBlXb7OL7YLje2QGxfkXPQc+OePhwl3qOWa8Bxod1RrQtTU65ffb2KNu2uoLR1Cx1bdhu8TOT6oUtwL2kIxHsbGUr8M+IvsGw7kWG7q6ucX2Hi9EeAk6My0wLqJ2Y6fIQfN1CDy3+FVvccmxYajjo4FHsDpFj8fk4pHcxfTcuDjZb6WZqbjwb9JLFyJjNv2pnebc+r23whR3W4uNYnogBvh5Dw7Xb2sZn9JBTbe3pi5Whp96DuWQ61Tu6a+Atktnm8keYL0GPmaaV4wF3do91c4rbfUD7Ar6nu163uLrW9biI2BoDJD341D4HcAGOQOw1b+MR9APcpJy0Mhu0rKd32TlGzC52rhXcfXt7R7fP95pNpa4d1jv2XzE9X69TviGP1hZncNfA22Vhw2+H2eGu3Glgboagl74H54Y3BugVbmub8VYz3YLGX6tww5ZyJbbY2rY4XFltS6Zv60sN7LrIZ2+tEy68pn83sN1p7QvWYb32qY69cY0IuM7uc3rOg93n2nb2TvrBXvvfDeV7cr8WvTPmg7/97SJxsEqIG4crP7iZOcAkcAozc5JraUk2InXWZEjSPMhGsbXNKL029mTUZS6jzPbwylyTNUXgBDSvcTJyMOfwosJVBV7QFKQQkfDvyfZo9L8/Pt8jvT3fk7ok2mfcyh/+lWaE/ci7OE8a54m7H9tI4k1KkotReRLQ7o9HGbd7P1p+vBjoxlFEWGrVKDNqilNDVUHgHBdJnFyrIq6mCDyniDVHESSi8Bq64R5UE1UZ8wonzV2Vk8ElXK06VzlJglUESXRqqvMe90i19/nmKtl2zlHe7pyMPFMDP7Acf1qpJ6RSTyutOAgA+8rXysc5mHHvp9kluiuWY0sIrrtunLMs/sUpt+lkiUhEJjInVquEk6uqwqG5qHL8XBU1URXn6hXc35LJvOj414ld/TcQewSgV/6rfWd8+u/LssPWIR897F/H/Q9kNUxFCPE8V9NggqyqLogOhq9VQZGxVJNFqfouVv8JiqP+M2n+bfZ+vMJORm4Vu7ZoBmWx8AZEVVkRBFLFnMLXIPCxIHE17IBMq6oi1Yhc0yTxfdzlb4J0acvbIJLfXwlhkLEvN0shDXBdSgqSvq+cgaqyTCSMOFFTBaAp73IIzTW475CLagJP5Pdx7ZVyxntxFN5es2vTrViN4aQTWBU4q5Tgo/5d98Exl0VjF4u8QIjEzXFN5GRN1TgHopvTsFoVXSRWxZr2v1c0bpOssr0ohk60/OsXjt9TZN2d/HDYn9WpP6869bPO87PO87PO87PO82qdp1vaQfOVV+x6Q97wZp2krBsNdvn79HQ/hdk2amuRM5HPz6DBPtdw3eV2Pp3kJPX/nzWNG7l7hv1xbp3lUP2LfPI1XSp92XmgusRyd0PR4lkdLYC1v5e82dbXUkPv7sZf1BooRyG+13AnsDhj/J52i9l0mZsTZWlPF4+2753kW6l92zFxz1ymuzrkCUadHf+v2s8jabhAh3zcWc54X+9Rr+C22eddyzxZB7Sug9qaDzEzmUHMH+X6/V0tppxzMxZXtl+PYewLxDPcmbL36J9r99WY2uVNc7sJXJP6C1scx129qzJfRrxHJppgtBcLHI49Im0xkXj6meWL5+ZmO4beTyy2N0jqr5hm+g312CbA93luaipuazycdV/rmJvGqzliuFv6tH41m+Cgpw/8yWG/8v4FnwAuMXxPIebA512/jNfj/RWtZzbUk7y7dMQbnfceLEG716/ZDPeseFKbOJwxuDqneHUO5dddC1+em+nREdes1BXH23v5hOOacVdfnXLrSv2g5NfIhjiAN8aLK7Yi26T1v4zF7hzeBEiC9dstEbBTd1ybs89MZ+nZ2JjZHucjOzoXZ9LupewsNvqXta/XuWcf9lsEbjhmmojh83nO+tr+r/l4OuXTyzndH/AivcWLlx/7uPtWH/9Q46/HQonV1n/fULHX1dRoa4XRCdaYvsMAQxRqPLTdiJPmha5ean43wB2rgJjm3cgKzt5j/4dy9K5aFSQXqZyrqTQJLCAOYUHmalVH1gReqRJB+gvl6E//YewfnsYoP+zGl5mIkyVgehjCb/nTxswPd7/OaQss8/v/ALFD9eQuMAAA

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.

1 Like