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.

If you would like me to update and expand this file please consider donating.

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, if you would like to purchase the zip file you can use the source code to the Procedural Starfield itself in your projects.