DEV Community

Matteo Bruni for tsParticles

Posted on • Updated on

tsParticles 1.14.0 released

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 on move options
  • Created a slim file tsparticles.slim.js that doesn't have PolygonMask, Emitters and Absorbers.

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

Shape repositories


tsParticles plugins

tsParticles supports customizations 🥳.

YOU CAN CREATE YOUR OWN SHAPES OR PRESETS

Read more here...


Want to integrate in React.js?

react-particles-js now uses tsParticles as core library.

Read more here...


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)