Animated Performant Particle System Generator – Qarticles.js

Category: Animation , Javascript | May 12, 2016
Author: hilongjw
Views Total: 3,504
Official Page: Go to website
Last Update: May 12, 2016
License: MIT

Preview:

Animated Performant Particle System Generator – Qarticles.js

Description:

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);

You Might Be Interested In:

Leave a Reply