https://github.com/cppshane/webmeter

Cool WebGL backgrounds, formatted for simple integration on your website or Windows.
https://github.com/cppshane/webmeter

Last synced: 3 months ago
JSON representation

Cool WebGL backgrounds, formatted for simple integration on your website or Windows.

• Host: GitHub
• URL: https://github.com/cppshane/webmeter
• Owner: cppshane
• Created: 2020-03-20T23:04:54.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-09-11T21:08:57.000Z (over 5 years ago)
• Last Synced: 2025-04-12T15:30:30.059Z (9 months ago)
• Language: JavaScript
• Homepage:
• Size: 1.17 MB
• Stars: 11
• Watchers: 1
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# WebMeter

This repository is for storing some interesting WebGL animations I've come across to be used for background animations for web/desktop environments.

Each animation has three folders:

Interface

The raw animation, straight from the source with GUI overlays to manipulate the animation settings.

Lively

The animation configured to run as a background in Lively.

1. Open Lively

2. Go to "Type" tab

3. Under "Web" click the HTML button

4. Navigate to the animation folder you want, and into the Lively folder

5. Select index.html

6. Click "Customize Wallpaper" to adjust settings within the Lively app

Web

This repository is also hosted as a Github static page, so you can easily set an iframe as the background on your website, specifying the settings as URL parameters, like so:

https://cppshane.github.io/WebMeter/TheSpirit/Web/index.html#amount=131k&motionBlurQuality=medium&speed=1.5&basecolor=000fff

Animation Sources

Particles - http://www.iamnop.com/particles-mrt/

![Video Sample](https://s7.gifyu.com/images/particlesdemo.gif)

TheSpirit - http://edankwan.com/experiments/the-spirit/

![Video Sample](https://s7.gifyu.com/images/thespiritdemosmall.gif)

FlatSurfaceShader - http://matthew.wagerfield.com/flat-surface-shader/

![Video Sample](https://s7.gifyu.com/images/flatsurfaceshaderdemosmall.gif)