GitHub - mikeyhogarth/bubblr: Javascript bubble effect

mikeyhogarth / bubblr Public

Notifications You must be signed in to change notification settings
Fork 0
Star 4

Javascript bubble effect

GPL-2.0, MIT licenses found

Licenses found

4 stars 0 forks Branches Tags Activity

Star

Notifications

Branches Tags

Name		Name	Last commit message	Last commit date
Latest commit History 11 Commits
GPL-LICENSE.txt		GPL-LICENSE.txt
MIT-LICENSE.txt		MIT-LICENSE.txt
README		README
bubblr.js		bubblr.js

Repository files navigation

JQuery plugin for creating particle effects (specifically, animated bubbles) on a canvas element, for use by humans.

Demo: http://bubblr-demo.heroku.com/

Usage
=====

Apply the following to any canvas element to start the bubbles...

    $("#myCanvas").bubblr();

Add options in the usual way...

    $("#myCanvas").bubblr({ numberOfBubbles: 10, bubbleOpacity: .5 });


Options and Defaults
====================

* numberOfBubbles (default 10)
* backgroundColor (default "transparent")
* bubbleColor (default "White")
* bubbleOpacity (default .7)
* bubbleMinSize (default 1)
* bubbleMaxSize (default 2)
* bubbleMaxSpeed (default 2)
* bubbleMinSpeed (default 1)
* animationSpeed (default 10)


Future development
==================

* Bubble direction / starting position