/ articlePermalink

Introducing TMViz

Lightweight, web-based controller visualisation widget for TrackMania.

Resi Respati

Resi Respati

Web developer based in Jakarta, Indonesia.

resir014@gmail.com

TMViz is a lightweight, web-based controller visualisation widget for streaming apps like OBS or XSplit. It is primarily created for TrackMania, but it can be easily reconfigured to work with other racing games.

Why does this exist?

  • I want an overlay that can be included as a browser source.
  • I want my overlays to be customisable with a single click.
  • I don't want to run any other app locally just to run an overlay.

How does this work?

This tool utilises the Gamepad API, available on all modern desktop browsers (see compatibility table), including the OBS browser source. The Gamepad API is a browser API which allows developers to gain access to signals from gamepads and other game controllers and respond to them.

It supports many controller models ranging from the Xbox controller to the PS4 controller. You can check if controller is compatible with the Gamepad API by running Gamepad Tester.

What's next?

There are some features that I've been thinking of, but haven't had the time to implement. Currently there's no way to keep your settings across page reloads. I'm planning to implement local saving of the current overlay settings utilising localStorage.

There are also a couple quality-of-life updates planned. Feel free to look through the GitHub issues list for a list of feature requests and/or bug reports.


Hope you'll find it useful! Feel free to look through the source code on GitHub.