This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Matteo Bruni

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

matteobruni / 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.

tsParticles - TypeScript Particles

A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components

⚠️⚠️ _This readme refers to v2 version, read here for v1 documentation* ⚠️⚠️

Do you want to use it on your website?

Documentation and Development references here 📖

This library is available…

View on GitHub

This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Matteo Bruni

Print Share Comment Cite Upload Translate Updates

APA

Matteo Bruni | Sciencx (2022-09-11T20:37:47+00:00) tsParticles 2.3.0 Released. Retrieved from https://www.scien.cx/2022/09/11/tsparticles-2-3-0-released/

MLA

" » tsParticles 2.3.0 Released." Matteo Bruni | Sciencx - Sunday September 11, 2022, https://www.scien.cx/2022/09/11/tsparticles-2-3-0-released/

HARVARD

Matteo Bruni | Sciencx Sunday September 11, 2022 » tsParticles 2.3.0 Released., viewed ,<https://www.scien.cx/2022/09/11/tsparticles-2-3-0-released/>

VANCOUVER

Matteo Bruni | Sciencx - » tsParticles 2.3.0 Released. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/09/11/tsparticles-2-3-0-released/

CHICAGO

" » tsParticles 2.3.0 Released." Matteo Bruni | Sciencx - Accessed . https://www.scien.cx/2022/09/11/tsparticles-2-3-0-released/

IEEE

" » tsParticles 2.3.0 Released." Matteo Bruni | Sciencx [Online]. Available: https://www.scien.cx/2022/09/11/tsparticles-2-3-0-released/. [Accessed: ]

rf:citation

» tsParticles 2.3.0 Released | Matteo Bruni | Sciencx | https://www.scien.cx/2022/09/11/tsparticles-2-3-0-released/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.