Using the LADD Roller Derby Scoreboard

Quick Guide for the Impatient

• When the state indicator reads "Setup", you can click on almost anything to change it.
• Reload the page (click "Reload" or press F5) to get back to setup mode, without losing scores or period clock time.
• Click the jam timer or press Space Bar to start and end the jam.
• Click a score or press "A" or "B" to add a point. Hold down Shift (Shift-click or capital "A" or "B") to take one away.
• Click a team logo to deduct a point.
• Click the period clock or press "T" to enter a timeout.
• During timeout, click the period clock to edit the time it shows.
• Click the period indicator to change periods.

Setup Mode

When in Setup mode (state indicator reads "Setup" and period clock time is gray), you can click things to change them.

Clicking the jam clock in setup mode starts the clocks and begins game mode.

Team Names and Logos

The scoreboard comes pre-set with a list of team names and logos, including two generic logos. I would love to include your team's logo: send it to neale@woozle.org.

Click a team's name to change it from the name associated with the logo. When you change the logo, this name will be overwritten.

Click a team's logo to cycle through this list. Holding down shift goes backwards through the list. Changing the logo changes the name, even if you set the name by hand.

Advanced: Hold down Ctrl or Alt while clicking a logo to specify a URL to a team logo. This unfortunately only works on certain browsers, in certain platforms.

Period clock

You can set the period clock to any time you like by clicking on it.

Period number

Click the period number to change it between 1 and 2.

Game Mode

When the first jam whistle sounds, click the jam clock or hit space bar to begin the jam. This locks the team names and logos into place and starts the game.

Starting and stopping Jams

Press the space bar or click the jam clock to start and stop 2-minute jams. When stopped, the jam clock automatically resets to 30s for rotation.

Timeouts

Press "T" or click the period clock to move to a timeout. This freezes the period clock and makes the jam clock count up from 0:00.

Press space bar or click the jam clock to end the timeout and begin a jam.

Adjusting the period clock

During a timeout, click the period clock to set a new period clock time.

Other actions

Halftime timer

If you'd like to display how long is left in a halftime, switch to timeout mode, click the period clock, and enter the halftime duration on the period clock. Then click the jam clock to start the period clock counting down.

It's okay to let the jam clock run down to 0:00.

Move to setup mode

For the second bout of a double-header, you'll want to reset team logos and names. Refresh the page by clicking the button in your web browser or hitting F5, to move into Setup mode.

If the browser exits

Shit happens. So every second, the scoreboard saves its state to the browser's long-term storage using the HTML5 localStorage object. The following information is stored, and will come back the way it was when the browser exited:

• Period clock time
• Team names
• Team logo URLs
• Team scores

It is a good idea to verify that your browser actually stores this information around before you run a bout, by starting a pretend jam, exiting, then re-opening.

Customizing the display

The scoreboard is written in HTML5, CSS, and JavaScript. If you'd like to try your hand at graphic design, feel encouraged to do so. Just remember to keep the onclick and id attributes in elements that have them, and everything should continue to work.

If you come up with a new design, or code improvements, I'd love to see it!

If you have problems

If something goes wrong, please email me (link below) with as much detail as you can remember, and I'll try to fix it for you and everybody else. For example:

I clicked the period timer during a timeout and the Team A logo turned was replaced with a photo of a burrito.

Enjoy!