Skip to content

Higino/bubbles-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

bubbles-js

A sample javascript canvas bubble animation.

Bubbles requirements

  • Bubble have different sizes but are always round
  • Bubbles appear in a canvas object with different velocities from time to time and bounce on the edges of the canvas
  • Animation is reset everytime the max amount of bubles are created
  • Gravity pulls bubbles down or up
  • Bubbles animation parameters can be set and adjusted

Live sample

https://jsfiddle.net/GinoLocoop/k7z6vtp3/

#Instalation instructions $> npm install

$> npm start

$> open dist/index.html

About

A sample javascript canvas bubble animation

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published