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

Category: Animation , Javascript , Recommended | October 11, 2018
Author: hustcc
Views Total: 5,009
Official Page: Go to website
Last Update: October 11, 2018
License: MIT

Preview:

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

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.
  • 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:

10/11/2018

  • Bug fixed for scrollbar

Leave a Reply