Features
+-
+
- + Easy mouse-driven (with hotkeys) setup and operation + +
- + Looks good, with colors tuned for high-visibility + with projectors + +
- + Appearance can be customized in HTML and CSS + +
- + Runs in any modern web browser—even smartphones and + tablets + +
- + Ships with an ever-expanding set of + team logos + +
- Uses WFTDA timing +
Try it!
+The scoreboard is implemented in pure HTML5 and JavaScript. The box above is a running scoreboard. If the box works, you can run this scoreboard without installing anything else. Try - clicking on team names, then the Jam Timer, to get things started. + clicking on team logos, then the Jam Timer, to get things started.
Documentation
diff --git a/sb1.png b/sb1.png deleted file mode 100644 index 24d8188..0000000 Binary files a/sb1.png and /dev/null differ diff --git a/sb2.png b/sb2.png deleted file mode 100644 index 84d9885..0000000 Binary files a/sb2.png and /dev/null differ diff --git a/sb3.png b/sb3.png deleted file mode 100644 index 72fe242..0000000 Binary files a/sb3.png and /dev/null differ diff --git a/sb4.png b/sb4.png deleted file mode 100644 index 94e6574..0000000 Binary files a/sb4.png and /dev/null differ diff --git a/sb5.png b/sb5.png deleted file mode 100644 index db42d42..0000000 Binary files a/sb5.png and /dev/null differ diff --git a/scoreboard-explained.png b/scoreboard-explained.png index 5fc9a22..1c7a94a 100644 Binary files a/scoreboard-explained.png and b/scoreboard-explained.png differ diff --git a/scoreboard.js b/scoreboard.js index 3414400..84426b9 100644 --- a/scoreboard.js +++ b/scoreboard.js @@ -1,7 +1,7 @@ /* * LADD Roller Derby Scoreboard * Copyright © 2011 Neale PickettUsing the LADD Roller Derby Scoreboard
-
+
Quick Guide for the Impatient
- - When the period clock is gray, you can click on almost + When the state indicator reads "Setup", you can click on almost anything to change it.
- - Press Space Bar or "J", or click the jam timer, to begin a jam. + Reload the page (click "Reload" or press F5) to get back to + setup mode, without losing scores or period clock time.
- - Press "A" to give a point to team A, or "B" to give a point to - team B. + Click the jam timer or press Space Bar to start and end the jam.
- - Press "Shift+A" to deduct a point from team A, or "Shift+B" to - deduct a point from team B". + 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.
- - Press Space Bar, "R", or "L"; or click the jam timer, to end a - jam. + Click a team logo to deduct a point.
- - Press "T" or click the period clock for a timeout. This turns - the period clock gray: you can adjust elements (period clock, - scores, etc.) during timeouts by clicking them. + 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. +
-Getting Started
++ 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. +
+
+
- - When you first load the scoreboard, it will reset to some default - values. You can begin using it right away if you like, but you - will probably want to change the team names and logos first. - Until you start the first jam, and during timeouts, almost - everything on the screen can be edited by clicking it. -
+Set up team names and logos
-
- - Click on a team name to change it, then click a team logo to - provide a URL for that team. You can copy and paste the URL of - any image you find on the Internet, but it's probably best to - download images to your hard drive so that your scoreboard doesn't - depend on an Internet connection to operate. -
+Adjust period clock and period number
-- The period clock defaults to 30:00 the first time the scoreboard - loads, but will use whatever value it last had from then on. If - you want to set the period clock to something else, click it and - type in the new time. -
+Game Mode
- You can also click the period indicator to change from Period 1 to - Period 2. + 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.
-Adjust team scores
-- Clicking on a team's score brings up a dialog box to adjust their - score. -
+-
+
- 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. +
-Awarding or deducting points
-- To award points to teams, click on the team's score or type "A" or - "B". You can award points during a jam or between jams. -
++ 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. +
+
+
Put the scoreboard on the projector
-- When everything is set up the way you want it, drag the browser - window to whatever screen is being projected, and make the browser - full-screen (usually the F11 key, or in the View menu). -
+Running a bout
-
- - The scoreboard was designed to be easy to operate with the - keyboard: you can just hit space bar most of the time, with "T" - for timeouts, use "A" and "B" to award points, and "Shift-A" and - "Shift-B" to deduct points. -
+Starting a jam
-- When the ref signals the start of the first jam (one short - whistle), start the jam timer by clicking on it, or typing Space - Bar or "J". You're off! The state indicator will show "Jam" and - the jam timer will count down from 2 minutes. -
+- To deduct points, click on the team's name or logo, or type - "Shift-A" or "Shift-B". Points can be deducted during a jam or - between jams. -
+Ending a jam
-
- - When the ref signals the end of the jam (four short whistles), - click the jam timer again, or type Space Bar, "R", or "L". The - state indicator will show "Rotation" and the jam timer will count - down from 30 seconds. -
+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. +
-- Team timeouts are only supposed to last one minute. It's the - referee's responsibility to signal the start of the next jam, and - the period clock shouldn't start counting down again until this - happens. -
++ 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. +
+
+
Timeouts
-
- - For any timeout, be it a team timeout or official timeout, click - the period clock or type "T". This changes the state indicator to - "Timeout", pauses the period clock, and makes the jam timer track - how long the timeout has lasted by counting up from 0. -
+Making changes during a bout
-- If you need to adjust the period clock or make major adujustments - to team scores, you must first enter a timeout by clicking the - period clock or typing "T". When in timeout, the procedure for - making changes things is the same as during setup. -
If the browser exits