tsParticles 2.3.0 Changelog
New Features
- Added
bounds
toparticles.destroy
options, if the particle is outside one of the bounds the particle will be destroyed - Added
smooth
to the options, it uses thefpsLimit
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
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.
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
Table of Contents
-
tsParticles - TypeScript Particles
- Table of Contents
- Do you want to use it on your website?
- Library installation
- Official components for some of the most used frameworks
- Presets
- Templates and Resources
- Demo / Generator
- Video Tutorials
- …
Top comments (0)