Animated Performant Particle System Generator – Qarticles.js

Qarticles.js is a simple JavaScript library which enables you to render an animated, high-performance particle system on an Html5 canvas element.

How to use it:

Create an HTML5 canvas element for the particle system.

<canvas id="demo"></canvas>

Download and place the Qarticles.js library at the end of the html file.

<script src="qarticles.js"></script>

Render the particle system with a specified animation speed on the canvas element you just created.

(function (global) {
  let speed = 20
  if ( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
      speed = 100
  }
  const options = {
      speed: speed
  }
  let qarticles = new Qarticles(document.getElementById('cov'), options)
})(window);