/WebMeter

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

Primary LanguageJavaScript

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

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

Video Sample

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

Video Sample