tsParticles 2.10.0 Changelog
New Features
- Added max speed value to collisions options
- Added range values to spiral shape options, added
widthFactor
value - Added new arrow shape
- Added new cog shape
- Added mode to more coordinates options
- Added error prefix to standardize error messages
- Added image preload and name to shape options. Preload an image with a name, so it can be retrieved using only that in the options.
- Added compatibility with another old particles.js library (deprecated but some samples can be found around)
- Added new path plugin, using svg paths as a source
- Added delta to path generators
- Added delay options to particles values animations (
opacity
,size
,color
,stroke
), closes #4985
Bug Fixes
- Fixed typo in fireworks bundle exported types
- Fixed presets without particles count
- Improved container reset
- Fixed window resize fired during the initialization
- Improved spiral shape
- Fixed
ICoordinates
types - Fixed some load functions that weren't async
- Fixed some shapes particle init
Other Changes
- Improved image shape
- Changed despawn confetti action using opacity animation, was life duration, closes #4978
- All the components for Front End frameworks were removed from this repository, each one now has its own repository. This is mainly for maintainability. It's easier to support multiple Front End frameworks versions in a dedicated repository instead of a multipurpose monorepository. Vue.js 2.x and 3.x were kept split because they have many differences.
- Angular (
ng-particles
): https://github.com/tsparticles/angular - Astro (
astro-particles
): https://github.com/tsparticles/astro - Ember (
ember-tsparticles
): https://github.com/tsparticles/ember - Inferno (
inferno-particles
): https://github.com/tsparticles/inferno - jQuery (
jquery-particles
): https://github.com/tsparticles/jquery - Lit (
lit-tsparticles
): https://github.com/tsparticles/lit (WIP) - Preact (
preact-particles
): https://github.com/tsparticles/preact - React (
react-particles
): https://github.com/tsparticles/react - Riot (
riot-particles
): https://github.com/tsparticles/riot - Solid (
solid-particles
): https://github.com/tsparticles/solid - Stencil (`stencil-particles): https://github.com/tsparticles/stencil (WIP)
- Svelte (
svelte-particles
): https://github.com/tsparticles/svelte - Vue.js 2.x (
vue2-particles
): https://github.com/tsparticles/vue2 - Vue.js 3.x (
vue3-particles
): https://github.com/tsparticles/vue3 - Web Components (
web-particles
): https://github.com/tsparticles/webcomponents - WordPress (
wordpress-particles
): https://github.com/tsparticles/wordpress
- Angular (
- Removed all presets from this repository for a single one (https://github.com/tsparticles/presets) in the @tsparticles organization, this will make easier to contribute to specific presets or create new ones.
- Added global variables to window object, so they are always accessible
- Migrating output to ES2021, it's widely used and supported
--
v3.0
Probably this will be one of the latest v2.x
versions, except some bug fixes needed before v3.0
will be released.
You can read more about the upcoming v3.0
in the post linked below
Preparing tsParticles v3
Matteo Bruni for tsParticles ・ Jan 10 '23
--
Social links
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.
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
- Official components for some of the most used frameworks
- Presets
- Templates and Resources
- Demo / Generator
- Video Tutorials
- …
Top comments (0)