tsParticles 2.12.0 Released

tsParticles v2.12.0 Changelog

Bug Fixes

• Fixed pool on particles destroyed by updaters
• Fixed out modes, bounce was not checking the direction of the update request
• Fixed issue with change theme when an existing canvas is used
• Fixed updates on particles destroyed by updaters, that section wasn't using the memory pool for reusing old particles instead of creating new ones.
• Fixed memory leak in destroyed particles by updaters, the z array wasn't filtered, thanks to @longnguyen2004, closes #5101
• Fixed light interaction, particle shadow wasn't calculated correctly

New Features

• Added range values to life duration and delay of emitters
• Added two new bundles
  • tsparticles-basic: minimum plugins for having circular dots moving in the canvas, common package for all bundles, and presets after this is released. Packages included:
    • tsparticles-engine
    • tsparticles-move-base
    • tsparticles-shape-circle
    • tsparticles-updater-color
    • tsparticles-updater-opacity
    • tsparticles-updater-out-modes
    • tsparticles-updater-size
  • tsparticles-all: a package that includes all the plugins, it's not a best practice to use this, but the easiest way for trying every feature available for sure. It will be used mainly in the website.

--

Social links

• Discord
• Slack
• WhatsApp
• Telegram
• Reddit

---

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

---

Table of Contents

• tsParticles - TypeScript Particles
  • Table of Contents
  • Do you want to use it on your website?
  • Library installation
    • Hosting / CDN
      • jsDelivr
      • cdnjs
      • unpkg
    • npm
    • yarn
    • pnpm
      • Import and require
    • Usage
  • Official components for some of the most used frameworks
    • Angular
      • ng-particles
    • Astro
      • astro-particles
    • Ember.js
      • ember-tsparticles
    • Inferno
      • inferno-particles
    • jQuery
      • jquery-particles
    • Preact
      • preact-particles
    • ReactJS
      • react-particles
    • RiotJS
      • riot-particles
    • SolidJS
      • solid-particles
    • Svelte
      • svelte-particles
    • VueJS 2.x
      • vue2-particles
    • VueJS 3.x
      • vue3-particles
    • Web Components
      • web-particles
    • WordPress
      • wordpress-particles
    • Elementor
  • Presets
    • Big Circles
    • Bubbles
    • Confetti
    • Fire
    • Firefly
    • Fireworks
    • Fountain
    • Links
    • Sea Anemone
    • Snow
    • Stars
    • Triangles
  • Templates and Resources
  • Demo / Generator
  • Video Tutorials
    • Characters as particles
    • Polygon mask
    • Animated stars
    • Nyan cat flying on scrolling stars
    • Snow particles
    • Background Mask particles
  • …

View on GitHub