DEV Community

Cover image for tsParticles 1.34.0 Changelog - Gradients, lot of fixes, new 4 path plugins and a new preset
Matteo Bruni for tsParticles

Posted on • Updated on

 

tsParticles 1.34.0 Changelog - Gradients, lot of fixes, new 4 path plugins and a new preset

tsParticles 1.34.0 Changelog

Bug Fixes

  • Fixed click handler, it wasn't working fine
  • Fixed wobble updater
  • Fixed roll updater
  • Fixed tilt updater
  • Fixed issues with moveSpeed 0
  • Fixed overlap check
  • Fixed issue with size and opacity range

Changes

  • Set max z layers to 100 instead of 10000 (improvement for noise 4d)
  • Improved size/opacity updaters
  • Improved z index rates formulas
  • Improved confetti preset
  • Improved out modes on particle creation
  • Improved fireworks preset

New Features

  • Added gradients support
  • Added gradient updater library, only colors and angle for now
  • Added 4 external path generators (curves, polygons, perlin 3d and simplex 4d noise)
  • Added shapes and fill options to emitters
  • Added emitter shapes plugin system, so they can be customized by users
  • Added new wait life emitter option
  • Added start count to emitters
  • Added triangles preset
  • Added zLayers option

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)

An Animated Guide to Node.js Event Loop

Node.js doesn’t stop from running other operations because of Libuv, a C++ library responsible for the event loop and asynchronously handling tasks such as network requests, DNS resolution, file system operations, data encryption, etc.

What happens under the hood when Node.js works on tasks such as database queries? We will explore it by following this piece of code step by step.