Procedural Starfield in HTML5 for OBS Streaming

STARFIELD GEN v0.3 // RETRO OBS TOOL

A free procedural starfield for streamers, VJs, and desktop.

Features:

- 100 to 3000 stars, 3-layer parallax

- Velocity 0-5x, twinkle control

- WARP DRIVE mode with streaks

- 4 themes: Classic White / Retro Green CRT / Purple Nebula / Blue Ice

- Transparent background toggle for overlay

- Auto-hide UI for clean recording (move mouse to show)

- 60fps, infinite seedless procedural

Hotkeys:

[SPACE] Pause / Play [W] Warp [T] Transparent BG [H] Hide UI [I] Instructions

OBS BROWSER SOURCE SETUP

------------------------

1. Save this file locally as procedural_starfield_obs.html

2. In OBS: Sources > + > Browser Source

3. Check [x] Local file > Browse > Select this file

4. Set Width: 1920  Height: 1080  FPS: 60

5. Uncheck "Shutdown source when not visible" for persistent motion

6. For OVERLAY mode: Enable "Transparent Background" toggle in this UI, then in OBS source properties check "Allow transparency"

7. Use auto-hide: Move mouse to show controls, they vanish after 3s. Perfect for clean recording.

8. Hotkeys: [SPACE] Pause/Play  [W] Warp  [T] Transparent  [H] Hide UI  [I] Instructions

TIP: Set this source below your camera/game capture with 85% opacity for depth.

DEVELOPER NOTES:

This build is entirely in HTML5 and based on a Unity prototype.

Let me know in the comments what desired improvements or bugs you experience and we will update it for Version 2.

The Procedural Starfield is free to use.