A browser source overlay for winter vibes for your Live Streams or Videos

Compare changes

Choose any two refs to compare.

Changed files
+110 -11
md
+39 -9
README.md
···
-
# winterVibesJS
-
No build JS twitch wintery overlay.
+
# Winter Vibes JS
+
Simple, no build OBS winter overlay!
-
Run locally and tweak or add the Github page https://treybastian.github.io/winterVibesJS as a browser source.
+
## About
-
## 0 Dependencies required!
-
This project has no required dependencies.
+
This is a simple winter overlay you can use for your Twitch stream or for anything else! What does it do? It adds snow that you can adjust, and a small plow that will clear all the accumulated snow. The easiest way to use it for your stream is by adding it as a browser source in OBS, and boom, it's snowing!!
-
The only dependency in package.json is vite for HMR purposes while developing.
+
You can find it at [https://wintervibes.treybastian.com](https://wintervibes.treybastian.com/index.html?v=1&cw=320&ch=180&smx=40&smnsz=1&smxsz=4&smxspd=0.07&snmnspd=0.04&plwspd=0.1&plwd=left&plws=1&gamax=4&gas=20")
-
Everything uses JSDoc
+
Once on the page, you can right-click, and a context menu will appear, from which you can navigate to settings.
+
##### What all can you adjust:
+
- Window size
+
- Snow (max, size, speed)
+
- Plow (speed, direction WIP, scale)
+
- Ground (accumulator max, accumulator slices)
-
# THIS IS NOT DONE YET AND IS A WIP
-
# WARNING The query parameters are versioned, but the version isn't enforced yet bookmarks may be unstable
+
You can run it locally if you want to change sprites or any other code. It has 0 dependencies; the only dependency in the `package.json` is Vite for HMR purposes while developing.
+
+
To run it, use:
+
```sh
+
pnpm run dev
+
```
+
or any other way you would like to render index.html
+
+
Optionally, if you want to use dependencies:
+
```sh
+
pnpm install
+
```
+
+
## WIP
+
+
Keep in mind that this project is still a work in progress. Some features are not yet implemented.
+
- [ ] Plow direction - Right
+
- [ ] More customization
+
- [ ] More weather types...
+
+
+
## Contributing
+
+
This project is open source, not just public source.
+
+
To contribute email a git patch to patches@treybastian.com
+
+
I do not accept pull requests on any of my projects.
+1 -2
index.html
···
<div id="contextMenu" class="context-menu" style="display:none">
<ul>
<li><a href="./src/pages/config.html">Settings</a></li>
-
<li><a href="https://github.com/TreyBastian/winterVibesJS/blob/main/README.md" target="_blank">Help</a></li>
-
<li><a href="https://buymeacoffee.com/treysdevshed" target="_blank">Buy me a coffee</a></li>
+
<li><a href="https://tangled.org/TreyBastian.com/winterVibesJS" target="_blank">Help</a></li>
</ul>
</div>
+70
md
···
+
[?1049h[?1h=[?2004h[?u[?25h[?25l(B
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
[?1004h[?25h[?25l(B 1
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
(BREADME 0,0-1 All(B
+
[2 q[2 q[?1002h[?1006h 1 
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
~
+
(BREADME 0,0-1 All(B
+
[?25h[?25l[2 q[?1002l[?1006l(B[?25h[2 q[?1l>[>4;0m[?2004l[?1004l[?25h[?25l [?1049l[?25h