Spark Particles
Lightweight and fast Particle library written in JavaScript
Zero Dependencies!
Installation
npm i spark-particles --save- Done!
Usage
See Basic example
import Particles from 'spark-particles'
const canvas = document.getElementById('particles')
const settings = {
debug: false, // boolean
resize: true, // boolean
particles: {
amount: 250, // number
moveDirection: 'random', // 'random' | 'top' | 'right' | 'bottom' | 'left'
distanceToLink: 150, // number
linkedParticles: true, // boolean
maxVelocity: 0.8, // number
maxRadius: 4, // number
},
renderer: {
transparentBackground: false, // boolean
backgroundColor: '#186cb6', // color
linearGradient: {
x1: 0, // number
y1: 0, // number
x2: 1, // number
y2: 1, // number
color1: '#327fc2', // color
color2: '#014987', // color
},
width: window.innerWidth, // number
height: window.innerHeight, // number
},
}
new Particles(canvas).init(settings).start()
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request :D
History
1.2.0 New grid structure & optimization
1.0.0 Release
License
MIT
92 Dec 17, 2022
23 Oct 28, 2022
171 Dec 29, 2022
51 Nov 15, 2022
309 Dec 22, 2022
721 Dec 6, 2022
762 Dec 20, 2022
793 Dec 27, 2022
8 May 6, 2022
1.5k Dec 23, 2022
1.7k Dec 26, 2022
808 Dec 18, 2022
96 Dec 24, 2022
1.8k Dec 9, 2022
68 Nov 28, 2022
12.6k Dec 31, 2022
3 Dec 3, 2020
1.2k Jan 1, 2023