tsParticles 1.34.0

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 ran…


This content originally appeared on DEV Community and was authored by Matteo Bruni

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, Vue, Angular, Svelte, jQuery, Preact, Inferno

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 library.

Library installation

Hosting / CDN

Please use


This content originally appeared on DEV Community and was authored by Matteo Bruni


Print Share Comment Cite Upload Translate Updates
APA

Matteo Bruni | Sciencx (2021-08-23T19:29:40+00:00) tsParticles 1.34.0. Retrieved from https://www.scien.cx/2021/08/23/tsparticles-1-34-0/

MLA
" » tsParticles 1.34.0." Matteo Bruni | Sciencx - Monday August 23, 2021, https://www.scien.cx/2021/08/23/tsparticles-1-34-0/
HARVARD
Matteo Bruni | Sciencx Monday August 23, 2021 » tsParticles 1.34.0., viewed ,<https://www.scien.cx/2021/08/23/tsparticles-1-34-0/>
VANCOUVER
Matteo Bruni | Sciencx - » tsParticles 1.34.0. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/08/23/tsparticles-1-34-0/
CHICAGO
" » tsParticles 1.34.0." Matteo Bruni | Sciencx - Accessed . https://www.scien.cx/2021/08/23/tsparticles-1-34-0/
IEEE
" » tsParticles 1.34.0." Matteo Bruni | Sciencx [Online]. Available: https://www.scien.cx/2021/08/23/tsparticles-1-34-0/. [Accessed: ]
rf:citation
» tsParticles 1.34.0 | Matteo Bruni | Sciencx | https://www.scien.cx/2021/08/23/tsparticles-1-34-0/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.