hbostan / OWOverlay

A simple overlay for streaming to track win/lose and sr in overwatch

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

OW Overlay

A simple overlay for streaming to track win/lose and sr in overwatch. OW Overlay is an overlay for OBS (or variants) that displays the skill rating and win-loss-draw record for live Overwatchâ„¢ streams. Overlay is purely cosmetic and does not collect or report any data of the user. You can use it while streaming or recording. Display values are manually updated via the controller panel, or by updating the score.json file.

DEMO

Installation

  1. Download the latest release and extract the archive to a local folder.

  2. Go into the fonts folder, select both fonts, right click and select Install.

OBS Configuration

Before using OW Overlay, you must configure your choice of OBS. Following instructions are valid for OBS Studio and SLOBS. Steps you need to follow should be same for other OBS variants, however screens may look quite different.

  1. Create a browser source in your scene by clicking the + button for Sources pane and selecting Browser.

Scene Creation Browser creation

  1. In the next dialog, select Create new and give it a name you can easily identify and click OK.

  2. Modify the source properties as follows and click OK:

    • Check Local file checkbox
    • Click on browse and point to location of overlay.html you extracted.
    • Set width and height values as you wish. However, too small values may cause wrapping and overflows
    • Set FPS to 60 for smooth animation
    • Make sure Custom CSS field is empty.
    • Check Refresh browser when scene becomes active

Properties

Overlay should now be visible and working.

Usage

After OBS configuration, run OWOverlayController.exe. This will bring up the controller. Make sure that the OWOverlayController.exe, overlay.html and score.json file are in the same location.

Controller

You can update the values shown in the controller by directly typing into the field or by using the buttons. When a field is updated the overlay should automatically update itself.

FAQ and Troubleshooting

Fonts in controller doesn't look right?

Make sure that you install the fonts in the fonts folder.

How do I reset the values?

Open the score.json file and put in the values you want for each field. Make sure that the controller is not running while doing this.

License

GNU GPLv3

About

A simple overlay for streaming to track win/lose and sr in overwatch

License:GNU General Public License v3.0


Languages

Language:C# 48.3%Language:CSS 32.4%Language:JavaScript 14.8%Language:HTML 4.5%