DEV Community

Cover image for tsParticles 2.3.0 Released
Matteo Bruni for tsParticles

Posted on

10 6

tsParticles 2.3.0 Released

tsParticles 2.3.0 Changelog

New Features

  • Added bounds to particles.destroy options, if the particle is outside one of the bounds the particle will be destroyed
  • Added smooth to the options, it uses the fpsLimit field as a reference value trying to create a smoother animation on the provided fps value.
  • Added canvasMask plugin, it uses a canvas, an image or a text for positioning particles in the canvas, closes #4492

Other Changes

  • Moved out all the external interactors from the engine
  • Removed support for very old browsers that don't support requestAnimationFrame

Bug Fixes

  • Fixed editor, using the v2 of Object GUI
  • Fixed issue with stroke options loading

A note on the new smooth option

With the new smooth option enabled the animation will be affected by the fps on the user's PC, so be careful. Higher fps, higher speed, lower fps, lower speed ⚠️.
Some examples:
- with a fpsLimit of 60 the animation will be twice faster on 120 fps devices
- with a fpsLimit of 120 the animation will be twice slower on 60 fps devices
The animation will be always smooth, but the behavior could be affected by the user screen refresh rate.
It's recommended to keep this disabled, be careful enabling this.


Social links


GitHub logo tsparticles / tsparticles

tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Speedy emails, satisfied customers

Postmark Image

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay