Beautiful worms on background
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
builds
demos
src
.gitignore
.npmignore
Gruntfile.coffee
LICENSE
README.md
bower.json
glassyWorms.jquery.json
package-lock.json
package.json

README.md

Glassy worms

Beautiful worms on background.

Demo

Install

NPM:

npm install glassy-worms

Bower:

bower install glassy-worms

Files: dev, min

Releases: all

Usage

Requires jQuery (>1.6) and Sketch.js

Default usage

$('body').glassyWorms();

With options

$('body').glassyWorms({
	colors: ['#000', '#f00'],
	numParticles: 800
});

Options

  • number, "auto" numParticles — Nums of worms on element. Default: "auto"
  • number tailLength — Worm's tail length. Default: 12
  • number maxForce — Moving force. Default: 8
  • number friction — Frictions. Default: 0.75
  • number gravity — Gravity. Default: 9.81
  • number interval — Moving speed. Default: 3
  • array colors — Array of worm's colors. Default: ["#fff"]
  • HTML object element — Element for animating. Default: <canvas/>
  • string className — Classname of animating element. Replaces element option, complements id option
  • string id — ID of animating element. Replaces element option, complements className option
  • boolean useStyles — Flag for using default styles for animating element. Default: true

Default styles

position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;

Methods

$('body').glassyWorms('destroy');
  • stop — Stops animating
  • start — Resume animating
  • clear — Clear screen
  • destroy — Remove worms