DEV Community

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

Posted 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 particles animations and use them as animated backgrounds for your website. Ready to use components available for React, 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

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

Slack Discord

tsParticles Product Hunt


Do you want to use it on your website?

Documentation and Development references here 📖

This library is available on the two most popular CDNs and it's easy and ready to use, if you were using particles.js it's even easier.

You'll find the instructions below, with all the links you need, and don't be scared by TypeScript, it's just the source language.

The output files are just JavaScript. 🤩

CDNs and npm have all the sources you need in Javascript, a bundle browser ready (tsparticles.min.js) and all files splitted for import syntax.

If you are still interested some lines below there are some instructions for migrating from the old particles.js…

Discussion (0)