tsParticles 1.14.0
Release Notes
New Features
- Particles can now be destroyed after a threshold size (bigger or lower it's your choice)
- Particles can infect other particles with a new
infection
option - Particles can now vibrate with a new
vibrate
option - Particles can set
noise
onmove
options - Created a slim file
tsparticles.slim.js
that doesn't havePolygonMask
,Emitters
andAbsorbers
.
Existing features improvements
- Play/Pause behavior now will have a better behavior in startup
- The particles number limit can be more flexible with area density integration. If you specify a density the limit will be affected by that calculation, this will improve responsiveness.
- The particles number density will be more customizable, the code has a 1000 factor hard coded, now that value is customizable.
Some Pens of the new features
Noise trails
Infection
Growing particles
Preset repositories
- https://github.com/matteobruni/tsparticles-preset-60fps
- https://github.com/matteobruni/tsparticles-preset-backgroundMask
- https://github.com/matteobruni/tsparticles-preset-basic
- https://github.com/matteobruni/tsparticles-preset-bouncing
- https://github.com/matteobruni/tsparticles-preset-fire
- https://github.com/matteobruni/tsparticles-preset-fontAwesome
- https://github.com/matteobruni/tsparticles-preset-snow
- https://github.com/matteobruni/tsparticles-preset-stars
Shape repositories
- https://github.com/matteobruni/tsparticles-shape-spiral
- https://github.com/matteobruni/tsparticles-shape-heart
tsParticles plugins
tsParticles
supports customizations 🥳.
YOU CAN CREATE YOUR OWN SHAPES OR PRESETS
Want to integrate in React.js?
react-particles-js
now uses tsParticles
as core library.
Useful links
Checkout the demos here: https://particles.matteobruni.it
Do you want to replace the old, outdated and abandoned particles.js
?
You're in the right place!
GitHub repo
https://github.com/matteobruni/tsparticles
npm
https://www.npmjs.com/package/tsparticles
yarn
https://yarnpkg.com/package/tsparticles
jsDelivr
https://www.jsdelivr.com/package/npm/tsparticles
CDNJS
https://cdnjs.com/libraries/tsparticles
Feel free to contribute to the project!
Demos
Here are some demos!
Custom Presets
watch the code for creating custom presets
Custom Shapes
watch the code for creating custom shapes
Characters as particles
FontAwesome characters as particles:
Mouse hover connections
Polygon mask
Background Mask particles
Polygon Mask with multiple paths
This polygon has 4 paths
Emitters
This login background is made with particles emitters, cool isn't it?
Absorbers
Have you ever wanted a black hole? Here's yours!
Collisions
The collisions in the previous releases, and in Particles.js too, were horrible. Now they're fixed and they look good. Finally!
Twinkle effect
Particles twinkling
COVID-19 SARS-CoV-2 particles
Don't click! DON'T CLICK! OH NO IT'S SPREADING!!!!
COVID-19 is not funny. It's a serious world problem and we should prevent its spreading. If you are in a risky area please STAY AT HOME
Top comments (0)