Interactive Particle / Nest System With JavaScript and Canvas – canvas-nest.js

Preview:

Description:

canvas-nest.js is a minimal JavaScript library that draws an animated, canvas based particle/nest system for interactive background.

How to use it:

Just download and include the canvas-nest.js JavaScript file at the end of the document and we’re ready to go.

<script src="canvas-nest.js"></script>

Config the particle system.

• color: color of the particles.
• opacity: Opacity of the particles.
• pointColor: color of points,
• zIndex: CSS z-index property.
• count: the amount of the particles

<script 
  color="255,0,0" 
  opacity='0.7' 
  zIndex="-2" 
  count="120" 
  src="canvas-nest.js">
</script>

Changelog:

12/06/2018

• v2.0.4: add pointColor option

11/18/2018

• v2.0.3

10/11/2018

• Bug fixed for scrollbar