Skip to content

[W.I.P.] A collection of OBS overlays developed in HTML/CSS designed to display information grabbed from Toontown Rewritten's local API

Notifications You must be signed in to change notification settings

BoggTech/TTR-OBS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Toontown Rewritten OBS Overlay

An overlay developed in HTML/JS designed to display data grabbed from the companion app API.

obs64_mWwm7EM6te

Setup Tutorial

  1. Enable "Companion App Support" in-game.
Enable.Support.mp4
  1. Add any of the provided html files as a browser source in OBS. Make sure you set the width and height correctly (see below!)
Browser.Source.mp4
  1. Allow the overlay to connect as a Companion App.

TTREngine64_jBYSlPIQ9t

If you press no on the prompt you may have to restart your game before the overlay will be able to request permission again.

You should be ready to go! You will have to repeat step 3 every time you restart Toontown Rewritten.

Browser Source Information

html/toontask-horizontal.html

Your ToonTasks, displayed horizontally (left -> right)

Width: 2450, Height: 435

html/toontask-vertical.html

Your ToonTasks, displayed vertically (top -> bottom)

Width: 650, Height: 1650

About

[W.I.P.] A collection of OBS overlays developed in HTML/CSS designed to display information grabbed from Toontown Rewritten's local API

Topics

Resources

Stars

Watchers

Forks