Star Border Overlay
Synthwave stars orbit your scene edge as unique chatters arrive
About
Star Border Overlay is a transparent OBS browser source that sends glowing, pixel-edged synthwave stars around the visible alpha edge of another OBS source. The star population follows the number of unique recent Twitch and YouTube chatters reported by Streamer.bot, and each chatter keeps their own moving star that pulses when they speak. A companion web page builds the configured browser-source URL.
Features
- Connects directly to OBS WebSocket and Streamer.bot WebSocket from the browser source
- Traces the named source's alpha silhouette through nested scenes, groups, cropping, bounds, rotation, and flips
- One-shot alpha scan at startup with every later frame driven by WebGL; no continuous screenshot polling
- Counts unique Twitch and YouTube chatters in a rolling window, with bot exclusions by default
- A chatter's message pulses their own star; when the identity expires, that star fades away
- Visual presets for themes (brand, cyan, deep blue) and styles (balanced, soft glow, comet trails, crisp)
- Performance controls for FPS, render scale, star count, and trail length
- On-page debug panel (debug=1) tracing connection, activity, and renderer state without chat content
Platforms
- OBS browser source
- Web (URL builder)
Tech stack
- TypeScript
- Vite
- WebGL
- OBS WebSocket
- Streamer.bot WebSocket
- Biome
- Vitest
- Playwright