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

Category: Animation , Javascript , Recommended | December 6, 2018
Author:hustcc
Views Total:5,365 views
Official Page:Go to website
Last Update:December 6, 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.
  • 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

You Might Be Interested In:


One thought on “Interactive Particle / Nest System With JavaScript and Canvas – canvas-nest.js

Leave a Reply