Skip to content

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

Notifications You must be signed in to change notification settings

cppshane/WebMeter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Resources

Stars

Watchers

Forks