Animated Performant Particle System Generator – Qarticles.js

Category: Animation , Javascript | May 12, 2016
Views Total:4,046 views
Official Page:Go to website
Last Update:May 12, 2016


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)

You Might Be Interested In:

Leave a Reply