A downloadable tool

Buy Now$5.00 USD or more

Four packs of animated full-screen backgrounds for your stream, in one download.
46 designs in total - and buying the four packs separately costs $12.

Every design is a single HTML file. Drop it into an OBS Browser Source and it runs.
No install, no account, no API key, no subscription, no internet connection.

They are not video files: the download is tiny and the motion never has a loop seam.
Nothing is pre-rendered - each frame is drawn from the current time, so memory does
not creep up when you leave it running all day.

The four packs share nothing. Each is built a different way.

== What is inside (4 packs / 46 HTML files) ==

1. Patterns - 10 designs
Pattern and texture from mirrors and repetition: kaleidoscope, stained glass,
water ripples, a zen garden, marble, woven textile, glazed tiles, moire,
a lava lamp, folded paper.

2. Lines and Solids - 12 designs
Built from lines, faces and solids only: contour lines, a drafting grid,
circuit traces, wireframe terrain, rotating solids, a vanishing tunnel,
extruded columns, stepped blocks, a dot lattice, concentric rings,
diagonal stripes, hex cells.

3. Particles and Flow - 12 designs
Fine particles and streaks that never stop: drifting motes, rising bubbles,
a flow field, a vortex, falling flakes, rising embers, flowing ribbons,
gather and scatter, bursting sparks, light streaks, falling sand,
magnetic curves.

4. Light and Colour - 12 designs
Colour as a continuous field with no hard outline: plasma, aurora curtains,
colour clouds, a diagonal light sweep, a rotating gradient, frosted glass,
dusk to night, light swells, a quiet pulse, layered veils, water light,
colour bleed.

== Setup (30 seconds) ==
1. In OBS: Sources -> + -> Browser
2. Tick "Local file" and choose the .html you want
3. Set the width and height to your canvas size, e.g. 1920 x 1080
4. Move it to the bottom of the source list, so it sits behind everything

== A gear panel in all 46 files ==
Right-click the source, choose "Interact", hover the picture and a gear appears.
Palette (four per design), speed and scale change without ever editing a URL.
The gear is invisible until you hover, so it never shows on stream. Settings are
saved and survive an OBS restart, and "Reset settings" puts everything back.

== URL parameters shared by all 46 files ==
?palette=ink palette (four per design)
?speed=0.2 how fast it moves (0.1 to 3, ships at 0.35)
?scale=1.6 how large the artwork is (0.3 to 3, ships at 1)
?dark=on sink the picture darker, for text on top
?text=Music a single line of text in the middle
?lang=ja / en gear language
?mode=stream never show the gear at all
?key=a keep separate saved settings

Packs 2, 3 and 4 also take ?center= (clear or calm the middle) and ?bg=off
(drop the ground colour so the page is transparent). The per-pack parameters
(?density= ?thick= ?blur= ?depth= ?soft=) are listed in each folder's manual.

== What these do not do ==
- No sound effects. They are display only.
- No clock, no countdown, no chat display. They are backgrounds.
- ?text= is a plain single line: it does not show the time and never updates itself.
- No chat tallying, and no integration with an outside app or API.
- They do not react to music or microphone input. There is no audio analysis.

== If you already own some of these ==
Packs 1, 2 and 3 (34 designs) are the same files that ship inside the
"Stream Widgets Bundle - 15 Widgets". Pack 4, Light and Colour, is not in it.
If you own all four packs separately, this download adds no new files.

== Included ==
- 4 background packs (46 HTML files, one folder per pack)
- A manual for each pack, in Japanese and English
- A manual for the whole bundle, in Japanese and English
- Terms of use, in Japanese and English

== Requirements and notes ==
- Tested in Chrome and Edge. The OBS Studio 28+ browser source is Chromium, so it
runs the same way there, and in other apps with a browser source such as Streamlabs.
- No internet connection is needed. Nothing is ever sent anywhere: no web fonts,
no analytics, no ads. The type comes from the fonts already on your PC.
- To make it lighter, raise ?scale= (in packs 1, 2 and 3, lowering ?density= helps too).
- Fine for streaming and for commercial use (see the included terms).

Purchase

Buy Now$5.00 USD or more

In order to download this tool you must purchase it at or above the minimum price of $5 USD. You will get access to the following files:

bgpack4.zip 658 kB

Leave a comment

Log in with itch.io to leave a comment.