Code Monkey home page Code Monkey logo

eleven-vr-scoreboard's Introduction

ElevenVR Live Scoreboard

Live scoreboard for the ElevenVR Table Tennis game, useful for streamers.

image

image

How to use

  1. Open this page: https://cristy94.github.io/eleven-vr-scoreboard/
  2. Enter the userID (can be found by clicking on the UserID label, searching for the username and copying the ID shown in the URL)
  3. The latest match of that user is displayed and the score is refreshed every 3 seconds.

Usage with OBS

You can overlay the scoreboard over your stream, it will always show the score of the current match that you are playing.

  1. Add a new "Browser" source
  2. Point the URL to the scoreboard, setting the userID in the ?user=1234 query parameter, like this: https://cristy94.github.io/eleven-vr-scoreboard/?user=1234 image
  3. Resize and crop the browser area (you can crop by dragging resize handles while holding ALT).

Extra features

Fixing matches score

If the matches score is wrong you can offset it using query params home-offset and away-offset, like this:

?user=1234&home-offset=1&away-offset=-2

How it works

  • The ElevenVR API is used to get the latest 10 matches of the given userID.
  • The rounds/scores of the last match are currently shown.
  • The scoreboard is refreshed every 3 seconds.
  • If two players played multiple consecutive games as their latest games, the matches score between the two players is also displayed.

Changelog

11 October 2021
* Add checkbox option to flip player rows (thanks to @jerryfromearth [SolidSlime] for the suggestion)
* Refactor the code a bit to remove duplication of player rows
* Update [email protected]

28 May 2021
* Fixed match score count during the first game
* Shown ELO score is now rounded
* Scoreboard has rounded corners and expands to fit the number of sets
* Different style when a set is undergoing (red letters) vs when it's over (white letters)
* Different style when a match is over (winner score of each set is highlighted)
* Slightly decreased scoreboard background opacity

Planned features

  1. Directly search for the username/userID in the scoreboare
  2. Improved design and different themes.

Keywords: Eleven Table Tennis, OBS Stream Overlay, Twitch Overlay, Live Scoreboard, ElevenVR Scoreboard Overlay, ElevenVR show scores, Eleven Oculus Stream video overlay

eleven-vr-scoreboard's People

Contributors

cristy94 avatar donjaime avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.