

It's also specifically intended for WebGL games, which means you can just save your JavaScript file as you're working and click "refresh cache of current page" in OBS to see your changes (as opposed to having to export a build from your game engine). I prefer to use Phaser since it's relatively easy to learn. However, this is where game engines really shine since they're built to handle graphics, animations, and even sounds! As long as the game engine can export to HTML, then you can use it to make overlays. If you wanted something basic enough, you could write a simple HTML file with CSS animations. That means that you "only" have to make a webpage with your overlay's contents. OBS has a built-in "Browser" source that lets you show the contents of a webpage:įrom there, you type in a file path or URL, and OBS will render whatever you would see if you had pointed your actual browser at the same page: I use OBS, so I'll talk about its specifics here, but software like XSplit also supports this method. With my streaming software, I only would have been able to render static text on the stream.

For example, I made a custom overlay that reads a file from my system, fades in a marquee with that text every so often, then fades it out when enough time has elapsed. However, it may not allow for event-based triggers or animations. Regarding the dynamic aspect-your streaming software can already render text and graphics.

Advertising your social-media platforms.Commands of interest like !game or !help.When creating an "Input Overlay" source in obs you can then point it to either one of those preset files or the ones you made yourself.This post is for people who want a custom, dynamic overlay and know how to program.Īs for why you'd want an overlay in the first place, here are common uses: These are located in the "presets" zip archive on the github release page. This means that you can configure which buttons are shown on screen, how they are arranged and how they look.īy default the plugin comes with presets for the mouse, keyboard and gamepad. The plugin uses a texture and a config file to create the overlay. It adds a new source for visualizing inputs. Input Overlay is a plugin for obs studio that shows keyboard, mouse and gamepad inputs on stream.
