DEV Community

Cover image for tsParticles 3.1.0 Released
Matteo Bruni for tsParticles

Posted on

10 6 5 5 5

tsParticles 3.1.0 Released

tsParticles 3.1.0 Changelog

New Features

  • Added poisson disc plugin for better particles initial positions
  • Improved sounds plugin, added some public methods for managing the volume
  • Added new options for sounds plugin, autoPlay (true by default) and icons.enable (false by default, if true volume icons will be visible) (affects all fireworks presets and bundles)
  • Added new zig-zag path plugin

Minor Changes

  • Refactor for reducing duplicated animations functions across some plugins

Bug Fixes

  • Fixed sounds in fireworks bundle
  • Improved support for element id (3.0.3)
  • Fixed memory allocation of emoji shape (3.0.3)

Note on Sounds Auto Play

The new autoPlay options on sounds plugin will start playing sounds when a user clicks on the window enabling the AudioContext class. This is a security feature that all major browsers have, you can't autoplay sounds if the user hasn't interacted with the website.
The pointerdown/touchstart handlers are added when the sounds plugin is loaded using loadSoundsPlugin, so the user needs to interact with your page after that function is completed, previous clicks are not handled.

--

Social links


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

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay