DEV Community 👩‍💻👨‍💻

Cover image for tsParticles 2.2.0 Released
Matteo Bruni for tsParticles

Posted on • Updated on

tsParticles 2.2.0 Released

tsParticles 2.2.0 Changelog

New Features

  • Container now can have more than one path generator, each particle will keep its own
  • Added new getRandom and setRandom functions for customizing all the random behaviors, it's recommended to use the getRandom function instead of Math.random when writing plugins, so the randomness can be customized as expected
  • Image Shape now supports multiple colors in SVG replace color, random value too, fixes #4532
  • Improved Fireworks preset, now more realistic
  • Improved snow preset, added a small wobble effect

Bug Fixes

  • Moved out more properties from the engine, making the engine lighter and plugins more autonomous.
  • Improving some functions, could improve performance a bit
  • Fixed some 404 links in readme files, thanks to @munyoudoum
  • Fixed responsive screen size calculation

Other Changes

  • EventDispatcher is now private on the engine, it won't be possible to access it without using the given methods
  • Changed some exports, exported types instead of the entire classes, since it wasn't intended to use them outside the library
  • Created a builder CLI for building many packages, this makes it easier to maintain the build process
  • Removed active from slow interactivity mode object, it was obsolete, small breaking change but the engine will be a bit smaller

Social links


GitHub logo 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.

banner

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

GitHub Sponsors Rate on Openbase jsDelivr Cdnjs npmjs npm lerna CodeFactor Codacy Badge Gitpod Ready-to-Code Run on Repl.it

Discord Slack Telegram Reddit

tsParticles Product Hunt


Table of Contents

⚠️⚠️ This readme refers to upcoming v2 version, read here for v1 documentation ⚠️⚠️


Do you want to use it on your website?

Documentation and Development references here 📖

This library is

Top comments (0)

🌚 Browsing with dark mode makes you a better developer by a factor of exactly 40.

It's a scientific fact.