Skip to content
MooshuBeef edited this page Jun 2, 2023 · 8 revisions

Modern Package: Overwatch

Tool by: pimpindacrib Package & Animations by: Jay Design by: Tagni Writeup by: Jay & MooshuBeef

Package Link

Download Here: Community Modern Package v2.24

First Installation

Install the latest version of OBS Studio

Install the latest BGG Modern Package

Once you've downloaded the latest release, run the .exe.

When running the program you will likely get a windows warning saying "Windows protected your PC". Click on More info double check the .exe name as the one matching the Github file. Once verified, then click Run anyway.

2021 01 18_installer

  • The above window should launch. Select the destination folder where you want broadcast related files stored. The location or drive shouldn't matter.
  • Click Install!

After the installation is complete, OBS Studio, the BGG Local Server (preview below), and the Scoreboard.exe should launch.

In order to make the new overlay compatible with OBS v24 and up, a local webserver needs to be run in order for formatting to work correctly in OBS. Absolutely no information is collected or sent with this.

2020 12 12_modern_launcher_web_server

Reopening After Installed

To relaunch everything after already installed, make sure OBS Studio, the webserver, and OW Scoreboard tool are closed. Then find the launcher.bat file in the installation directory and double click it.

2021 01 18_launcher_bat

Using the Tool

The Overwatch Scoreboard Tool.exe is the way to change your dynamic elements within the broadcast and its design. There are four tabs:

  • Match: Team, team colors, player names, heroes, roles, maps, scores
  • General: Event name, talent, social media, match designation & naming, broadcast colors, assets
  • Replays: List of replays & replay controls
  • Bracket: Team listing, record, and bracket

Match Tab

broadcasttool

  1. Put in your Team Names in the corresponding spots for Team 1 and Team 2. Note that if you need to swap sides during the match, simply click the Swap button and then click Update
  2. If you have player information, enter their names, select the hero, and role under the corresponding team. Once you're done, click the Update button.
  3. Enter in the maps or map type placeholders (Control, Hybrid, Assault, or Escort). The tool and package are able to handle up to 7 maps and will only show as many spots as are NOT blank. For example in the above image, only 5 maps will be shown (see map scene below)

General Tab

broadcast_tool_tab_general

  • Message: Enter the name of your event
  • Host, Caster1, Caster 2: enter your talent names under each corresponding text box. For the Modern Package currently only the Host, Caster1, and Caster2 are utilized in scenes
  • Utility1 - Utility4: Show the match schedule for the day on the Away scene which contains the bracket

Match References (Utility 1-4)

Winners Bracket:

  • Round 1: r1m1, r1m2, r1m3, r1m4, r1m5, r1m6, r1m7, r1m8
  • Quarterfinals: qfm1, qfm2, qfm3, qfm4
  • Semifinals: sfm1, sfm2
  • Winner Finals: wfm1
  • Third Place: tpm1
  • Grand Finals gf1m1, gf2m1

Losers Bracket:

  • Losers Round 1: lr1m1, lr1m2, lr1m3, lr1m4
  • Losers Round 2: lr2m1, lr2m2, lr2m3, lr2m4
  • Losers Round 3: lr3m1, lr3m2
  • Losers Round 4: lr4m1, lr4m2
  • Losers Semifinals: lsfm1
  • Losers Finals: lfm1

Note: Utility 5-8 are placeholders for a future scene such as the "next broadcast" or alternate schedule scene to be built in the future

  • Utility 15 - Utility-18: Descriptions of the corresponding matches designated in Utility 1 - Utility 4 as below:

  • Utility9 (Optional): If left blank, it will only show the current map (like below). Use this to indicate how many maps/games are in the series by writing Bo1, Bo3, Bo5, Bo7, and so on as in best of x maps.

Utility9 = Empty

Utility9 = "Bo5"

Images: The scenes each image is used in

  • Image 1: lower left image on the Break Scene
  • Image 2:
    • InstantReplay scene logo
    • Stinger transition main image when changing to the In Game, InstantReplay, Map Pool, Team1, Team2, Bracket, Bracket Double, Replay w/Music, Away scenes
  • Image 15:
    • Lower right image on the Break
    • Stinger Logo when changing to desk scenes: DuoCam Row, TrioCam Row, Analyst Special, Duo SingleCam
  • Image 16: Lower right logo on the In-Game scene

Bracket Tab

broadcast_tool_tab_bracket

  1. Enter the names of the teams, up to 16

  2. If you have team logos that you want shown on the bracket scenes, then click on the ... next to the team name and select the logo.

    NOTE: It's best to use .pngs with transparencies in the empty space around the logos

  3. After the names and logos are entered, click Update Teams. This will allow you to pick the team names from the dropdown menu in the next step

    NOTE: For the current package, we have scenes built for a single elimination bracket from the quarterfinals onwards, or a double elimination bracket from the Winners and Losers Semifinals.

  4. If you want to show the bracket scenes in the broadcast, you must put the teams in the correct bracket location. Otherwise, you can put the day's schedule starting from the top text box of Round 1like in the example

Color Themes

  • Primary: Background color behind all text
  • Secondary: Color of most text
  • Tertiary: Color of accents, color of the score and behind "vs" in the non in-game scenes
  • Quaternary: Background color behind scores for non in-game scenes
  • Quinary: Text color for matchup labels in bracket scenes, and "Playoffs" text, Away Screen match labels, and social media font color
  • Senary: Font color for the Message on the Away Screen and Bracket Scenes (Default it is BROADCAST.GG COMMUNITY PACKAGE)
  • Septenary: Primary background color during the stinger transitions
  • Octonary: Secondary (trailing) background color during the stinger transitions

Replays: OBS Settings

The OW Scoreboard Tool works in tandem with OBS Studio's built in Replay Buffer feature. It allows you to create replays, write notes, and recall a specific replay to play on broadcast in two clicks.

OUTPUT TAB

  • Check off the Enable Replay Buffer Checkbox
  • Set the recording path into the Replay folder where you installed the package. Note: the last part of the path should be Replay, do NOT put the path into the playlist folder
  • Set the maximum Replay Time. For Overwatch, 15 seconds tends to work well but this will depend on your style and the meta

obs_replaysettings

HOTKEYS TAB

  • Set a hotkey for saving the replay buffer - the combination should be something that ideally doesn't trigger any actions in game

obs_replaysettings_hotkey

ADVANCED TAB

  • Set the Filename Formatting to be Replay
  • Check the box for Overwrite if file exists
  • Set the Replay Buffer Filename Prefix to be Replay

obs_replaysettings_advanced

TURN ON THE REPLAY BUFFER On the main OBS Studio screen on the lower right, click on Start Replay Buffer. When it is running, the button will say Stop Replay Buffer to indicate it is running!

obs_replay_buffer

Replays Tab

When you save a replay from the buffer, it should show up in the Replays Tab on the OW Scoreboard Tool.

  • By default the latest replay done will be played when transitioning to the Replay scenes
  • To select a different replay, click on the replay in the tab, then click Set Replay. The Replay scenes will show the replay from the beginning of the clip, even if you're already on the scene. Try showing several replays in a row during a postgame as your casters are doing the breakdown or during an interview to keep things interesting
  • You can use the dropdowns, checkboxes, and text boxes so it's easier to remember which replay is which. You can also use the button Copy Details if you want to copy all the context to be sent to your casters or desk
  • Clicking on a replay and clicking Save Replay will overwrite the file named Desk Replay.mp4 in the Replay folder. It's not referenced in any scenes for the package, but can be useful if you're building your own show and using the tool

wiki_scoreboard_replay

Scene Walkthrough

Scene: In Game

  • Set the team names, team logos, score, and colors on the Match tab on the OW Scoreboard Tool
  • Set the lower right broadcast logo in the General tab for Image16

bgg-modern-ingame

Scene: InstantReplay

  • Set the logo on the replay bug on the General tab under Image2
  • The replay shown will be the latest replay from the buffer saved OR the replay set on the Replays tab in the OW Scoreboard Tool by clicking Set Replay

wiki_replay

Scene: DuoCam Row, TrioCam Row, AnalystSpecial, and Duo SingleCam

These are all caster and host scenes for the different talent arrangements you may have on your broadcast.

  • First, get the video feeds of your casters.
    • OBS Ninja is a great solution for this: it allows you to create a room and for your casters to send their video. Each caster will have their own link to bring into OBS Studio as a web source. Otherwise, Skype also allows you to have each person on the call as an NDI source, though Skype can mess with your casters' audio if you don't uncheck the ability for Skype to take control of mic gain.
    • Go to the Scene list in OBS Studio and scroll to the bottom. You'll see Host NDI Framing, Caster 1 Framing, or Caster 2 Framing. Add your caster video feeds as sources and move the source to the bottom of the Souces list like below (the LemonKiwi source in this example is where the caster video source should be)
    • Scale and position the source so the framing is how you want it. Don't worry about any "excess" outside of the red box - it will be automatically cropped out

obs_framing

Here's another example:

obs_framing_2

Here's the final result for the DuoCam Row scene with the following typed into the General Tab:

duocam_row_example

Scene: Map Pool

This scene is for showing the progress of the series through maps. It has the capability of showing who won which map, and showing up to 7 maps.

  • Select the map order from the dropdown menus
  • Once a map is completed, enter the score and check off the Completed? box

wiki_map_set_example

Scene: Team1 & Team2

Show team rosters including main hero and role.

  • Set the team logo, name, player names, and role on the Match tab
  • Set the lower left and right logos in the General tab under Image1 and Image15 respectively

wiki_team1_example

Scene: Bracket & Bracket Double

These two scenes are for use in a playoffs bracket: Bracket is a single elimination from the Quarterfinals onwards, or a Double Elimination Bracket from the Semifinals onwards.

SINGLE ELIMINATION BRACKET

Here's an example of how the single elimination bracket can look like:

NOTE: make sure to click "Update Teams" BEFORE you can select the team from the dropdown menus to the right

wiki_bracket_example

Here's the corresponding input for the tool on the Bracket tab

wiki_bracket_example_tool_input

DOUBLE ELIMINATION BRACKET

And for the double elimination bracket example:

wiki_bracket_double_example

And the corresponding input for the tool on the Bracket tab. There's some scrolling involved...

wiki_bracket_double_tool1

Note the scroll bars to navigate to Loser's Semifinals and Finals

wiki_bracket_double_tool2

Scene: Away

  • Set the teams and matchups between the General and Bracket Tab. See the instructions starting with the General tab above for how to set up these sections

  • Set the text at the very top in the General tab under Message

  • Set the social media tags in the General tab under Utility10

  • The default code is as follows: <div><span class="twitch">Broadcast<span class="gg"><b>GG</b></span></span></div><div><span class="twitter">Broadcast<b>Dot<span class="gg">GG</span></b></span></div>

  • Other notes:

    • <span class=”twitch”>*</span> - Adds Twitch logo to the beginning of the span
    • <span class=”twitter”>*</span> - Adds Twitter logo to the beginnning of the span
    • <span class=”gg”>*</span> - Changes the text inside this span to Color 3
    • <b>*</b> - Changes the text inside bold
  • Set the lower left and right logos in the General tab under Image1 and Image15 respectively

wiki_starting_soon_with_teams

Here's an example:

wiki_away_example

The inputs on the General tab

And the inputs on the Bracket tab

NOTE: If you want the Away scene to point to different matchups, you need to change Utility1-4 so it looks at the correct bracket matchup. See the chart in the Using the Tool > General Tab section above. Since Utility1-4 points towards the round 1 matches 1-4 (r1m1, r1m2, etc), the tool looks at the Round 1 matches in the Bracket tab.

FAQ

How do I remove an image from the broadcast?

  1. Find the corresponding place in the broadcast tool window where the image is set
  2. Right click the ...
  3. Click Reset Image
  4. Click the Update button for that particular tab

Have any other questions?

Come through to the #bgg-tools channel in our Discord