bubbles-animation

0.1.0 • Public • Published

Bubbles Animation

Simple <canvas> bubbles animation.

See this demo.

Getting Started

  • Install from NPM;
npm install --save-dev bubbles-animation
  • On your page's script just use the animate function passing a <canvas /> element or a selector to get it.
import animate from 'bubbles-animation';

animate(document.querySelector('canvas'), {
  quantity: 1, // {Range} define quantity bubbles generated on each tick animation.

  interval: 3, // {number} Interval to tick animation. Skip this frame to generate bubbles.

  size: [5, 50], // {Range} define bubbles size.

  color: { // { A: Range, G: Range, B: Range, A: Range } Define bubbles color.
    R: 0,
    G: [125, 255],
    B: [125, 255],
    A: .65
  }
});

Changelog

Detailed changes for each release are documented in the release notes.

Readme

Keywords

none

Package Sidebar

Install

npm i bubbles-animation

Weekly Downloads

1

Version

0.1.0

License

MIT

Last publish

Collaborators

  • vitorluizc