I'm the author of tsParticles (obviously, why anyone would spend time about my little project?) and I'll show you some reasons to replace particles.js with the new tsParticles.
tsParticles are fully compatible with the particles.js configuration.
Seriously, you just need to change the script source et-voilà you're ready.
Cool, isn't it?
If you are too lazy to Google it (*Who isn't) you can replace the actual particles.js script with this
<script src="https://email@example.com/dist/tsparticles.min.js" integrity="sha256-5kED68Spy7K2CEbfu4CjV92DmZR5ZQFUoIR5qmPzZWg=" crossorigin="anonymous"></script>
Remember to checkout jsDeliver for latest version
If you have installed with
yarnyou can install it from there too
npm install tsparticles
yarn add tsparticles
tsParticles have a frame per second (fps) limiter, so they don't let the client CPU 🔥 suffer more than necessary.
By default it's limited at 60fps (I thought it was enough). How do you setup it?
fpsLimit: 60in the config/json root (like
retina_detect) and boom! 💥 You're done!
tsParticles have a lot of new features.
A lot? YES!
If you don't believe me checkout these
Well 7 codepens are not a lot, but you can see more than 6 features here:
- Masking background with unveiling particles (WOW!)
- A line particle (Who cares about lines?)
- Use a SVG path (for now single) to draw particles (inline, inside or outside) (OK it's cool but where I use it?)
- Rotating particles (Imagine a rotating line, like an helicopter)
- Multiple images (You can use all the images you want as a particle, Remember to not use big ones!)
- Random particles color (Stop using big arrays for having a lot of colors, Embrace the CHAOS)
- Mouse hover particles connection (So you can distract your users for hours)
- Characters and text particles (You can write the Odyssey and use it as a particle... Ehm... Please don't do that)
- You can use FontAwesome icons as particles (That's awesome! Yes, like the font)
tsParticles development is active. The other project was abandoned about 5 years ago. You can request new features or report issues and you'll get it done. Well, if it's a reasonably request, I won't make an OS out of particles.
If you're not convinced yet, well, give it a try.
Replacing a url is not an expensive task and you can revert easily.