DarDoh Scoreboard is a web-based scoreboard for darts, specifically designed for use with streaming software like OBS (Open Broadcaster Software). It provides a simple and effective way to manage and display darts match scores for a live audience.
The application consists of two main components:
- Control Panel (
control.html
): A local interface for setting up the match and entering scores. - Overlay (
overlay.html
): A clean, browser-source-ready display that shows the live game state.
The interface and comments in the original code are in Italian.
-
Download the Project: Download or clone this repository to your local computer.
-
Open the Control Panel: Open the
control.html
file in a web browser. This is your control panel. -
Set Up the Match:
- Enter the names of the two players.
- Select the country for each player.
- Define the match structure:
- Legs per Set: How many legs a player needs to win a set.
- Sets per Win: How many sets a player needs to win the match.
- Optionally, add custom text to be displayed on the overlay.
- Click "INIZIA PARTITA" (Start Match).
-
Add the Overlay to OBS:
- In OBS, add a new "Browser" source.
- Check the "Local file" box.
- Click "Browse" and select the
overlay.html
file from the project folder. - Set the width and height to match the overlay's dimensions (e.g.,
1200
width,280
height, as defined in the CSS ofoverlay.html
).
-
Play the Game:
- Use the numpad in the
control.html
window to enter the score for the current player's turn. - Click "Enter" to submit the score.
- The overlay in OBS will update automatically with the new scores, averages, and player turn indicators.
- Use the numpad in the
- Real-time Score Updates: The overlay updates instantly as you enter scores in the control panel.
- Player Customization: Set player names and country flags.
- Flexible Match Format: Configure the number of legs and sets required to win.
- Averages and Stats: Automatically calculates and displays player averages.
- Turn Indicator: Clearly shows which player's turn it is.
- Undo Functionality: Correct scoring errors with the "Undo" button.
- OBS Integration: Designed with a transparent background for easy integration into live streams.
- Persistent State: The game state is saved in
localStorage
, so if you close the browser, you can resume the match.
This project is named DarDoh Scoreboard. All credit for the design and functionality goes to the original creator, DarDoh.