How to design a scorebug

Build your organization's own score overlay in the scorebug editor, save it, and choose it for an event's stream.

Open Dodgeball Hub Updated November 14, 2026
1 In your organization’s menu, click Scorebugs.

A scorebug is the score bar that sits over your stream. Your organization can design its own, with your colors, shapes and images around the live clock, stage, team names and scores, and then choose it for each event.

Before you start

  • You need to be a manager of your organization to design scorebugs.
  • Choosing one for an event needs the right to edit that event’s settings.

Steps

  1. In your organization’s menu, click Scorebugs.

  2. Click Add a Scorebug.

  3. Give the scorebug a name and click Create. Leave Canvas Width (px) and Canvas Height (px) as they are unless your stream is a different size.

  4. The editor opens with a starter scorebug. To add a shape, click Add Rectangle on the left. It appears near the top left of the canvas, selected.

  5. Under Properties on the right, set where it sits and its size with X Position (px), Y Position (px), Width (px) and Height (px). You can also drag it on the canvas and pull its edges.

  6. Pick its color with Background Color.

  7. Turn off Light Background to check your scorebug on a black canvas, as over dark video, and back on for white. The canvas is your stream’s whole picture, so the scorebug appears on your stream where it sits here.

  8. Click Save Configuration.

  9. Open your event’s planner and click Settings at the bottom of the sidebar.

  10. Open the General tab.

  11. In Scorebug Overlay, choose your scorebug. System Default uses your organization’s default scorebug, or Dodgeball Hub’s standard one when you haven’t set a default.

  12. Click Save All Settings Changes. The event’s scorebug overlays now show your design: see Add stream overlays to OBS.

In the editor

  • The left panel adds what’s on your scorebug. The live elements, such as the set clock or a team’s penalty, fill in from the court’s scoreboard during the game; each one can be added once. Shapes & Media adds a rectangle, a circle, a triangle, or a picture from your computer with Upload Image.
  • The right panel edits the selected element. Text elements have Text Color (Hex), Font Weight and Text Shadow; a team name also has Logo Position and Show (its name or its Tricode). Lock Element (Disable Dragging/Resizing) stops an element from moving by accident.
  • The top bar renames the scorebug and zooms the canvas. Point at the question mark to see the keyboard shortcuts.
  • The set clock shows on your stream only while a set timer runs.

Default and public scorebugs

  • Set as Default in the editor’s top bar, or Set as the default Scorebug for new Events when you create it, makes it your organization’s default: every event left on System Default uses it. Only one scorebug is the default at a time.
  • Public, or Make this Scorebug publicly available for standalone use, lets anyone choose it, under your organization’s name, on the standalone scoreboard. See Use the standalone scoreboard.
  • The Scorebugs list shows a preview of each scorebug. You can delete one only when no event has chosen it.

score bug, overlay design, broadcast graphics, stream graphics, branding, colors, logo, custom scoreboard