An Interest In:
Web News this Week
- April 24, 2024
- April 23, 2024
- April 22, 2024
- April 21, 2024
- April 20, 2024
- April 19, 2024
- April 18, 2024
October 28, 2021 11:45 pm GMT
Original Link: https://dev.to/matteobruni/tsparticles-1370-released-5enp
tsParticles 1.37.0 Released
tsParticles 1.37.0 Changelog
last post was 1.33.2 so every missing version will be detailed
1.33.3
Bug Fixes
- Fixed issues with svelte 3.41.0, issue #1924
- Fixed click handler, it wasn't working fine #1948
- Improved z index rates formulas
- Improved out modes and spin movement
1.34.0
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
1.34.1
Bug Fixes
- Fixed themes and emitters interoperability, themes were not loaded correctly when the window is resized.
1.35.0
Internal updates
- Split some polygon-mask files, nothing affecting output
- Updated code to work with TypeScript 4.4 (except angular and svelte for now)
- Moved some code out from particle constructor to updaters
New Features
- Added roll mode to use only horizontal, vertical or both rolling
- Added auto options to theme default to change theme automatically
- Created a custom pathseg for now with some removed types in TypeScript 4.4, sent PR to the original project to add them in the polyfill. It's nomore required when using PolygonMask since is dynamically imported if needed
1.35.1
Bug Fixes
- Fixed issue #2241
1.35.2
Bug Fixes
- Added try catch in the pathseg polyfill to avoid crashes when server side (fixes #2264)
- Improved
isSsr
utility
1.35.3
New Features
- Removed
id
constraint ontsParticles.load/set
methods, a random one will be generated if not specified.
Example
The following syntax is now valid:
tsParticles.load({ /* options */ });
1.36.0
Bug Fixes
- Fixed missing file in cdnjs
- Fixed lazy loading of custom pathseg polyfill
- Fixed issue with responsive not refreshing when changing options
1.37.0
Bug Fixes
- Refreshing all tsParticles instances when adding a plugin, fixes an issue with polygon mask and chrome
New Features
- Added responsive mode (canvas or screen) from dev branch, closes #2358
Features Changed
- FullScreen mode is now active by default with a z index of
0
, and the interactivity mode is"window"
so everything still works as expected.
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.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 withReact.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components
Table of Contents
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.jsit's even easier.
You'll find theinstructions below, with all thelinks you need, and don't be scared by
Original Link: https://dev.to/matteobruni/tsparticles-1370-released-5enp
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To