Skip to content
@Octane-Overlay

Octane Overlay

Hi there 👋

Octane Overlay is an open source toolkit for building Rocket League broadcast overlays. It connects to Rocket League's native game stats feed and exposes the data as a clean WebSocket API, a typed JavaScript client, and a set of React hooks, so you can build a custom overlay for your stream, tournament, or org in minutes not days or weeks.

What's in the box:

  • Bridge - a small Windows binary that talks to Rocket League and exposes a local WebSocket
  • Core - typed JS/TS package that wraps the WebSocket and gives you all game stats as plain objects
  • Admin - an admin panel that allows you to set team names, logos, and series length. Connects to the local bridge.
  • React - drop-in hooks like useOctaneState, useOctaneMeta(), for building overlays as React components
  • React Example - An example application written in React that uses the React package

How to use:

  • Enable the game stats api, see: Manual
  • Download the latest release of the Bridge here: Bridge Releases
  • Open the admin panel, either via Website, or by cloning and running the admin panel yourself
  • Run the React Example, or build your own overlay from scratch and add it as a browser source in your streaming software
  • Start streaming

Popular repositories Loading

  1. Octane-Core Octane-Core Public

    Domain layer for the Octane Rocket League overlay. Consumes raw messages from @octane-rl/transport, validates them into a typed event union, and reduces them into match state.

    TypeScript

  2. Octane-React-Example Octane-React-Example Public

    A working example overlay that consumes @octane-rl/react to render live Rocket League match data - scoreboard, clock, team rosters, and goal events - driven by the game's local Stats API. Drop it i…

    TypeScript

  3. Octane-Bridge Octane-Bridge Public

    The bridge for Octane that reads the raw TCP stream and converts it to WebSockets for the browser.

    C#

  4. Octane-React Octane-React Public

    Contains React Hooks that offer an intuitive and ergonomic way to integrate the Octane Rocket League overlay into React applications

    TypeScript

  5. Octane-Admin Octane-Admin Public

    The admin panel for the Octane Rocket League overlay system

    TypeScript

  6. .github .github Public

Repositories

Showing 6 of 6 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…