MINI-PARTICLE
Mini particle is the simple library for add particle background in using plain javascript
Installation
You can use :
npm install mini-particle
yarn add mini-particle
Setup
Add index.js
into script
:
<script src="./node_modules/mini-particle/index.js"></script>
Document
var particle = new ParticleFactory(wrapperEl, canvasEl, particleOpt, population, radius, range);
particle.setup();
- wrapperEl: wrapper element
- canvasEl: canvas element
- particleOpt: is object has some attributes :
particleColor
: string for color of particle (e.g "#fff" or "white"),webColor
: string for color of line connect between those particle.
Examples
Html:
<div class="wrapper">
<canvas id="mini-particle"></canvas>
</div>
Script:
var wrapperEl = document.querySelector(".wrapper");
var canvasEl = document.querySelector("#mini-particle");
var particleOpt = {
particleColor: "#0f0",
webColor: "#0ff"
};
var range = 80,
population = 200,
radius = 2;
var particle = new ParticleFactory(wrapperEl, canvasEl, particleOpt, population, radius, range);
particle.setup();
Demo
There is the test.html file inside this package for demo:
License
Mini-particle is MIT