tsParticles 2.8.0 Changelog
New Features
- Reworked move.trail options, created an object with color and image, closes #4882
Trail Fill options
The previous fillColor
is still available, but it's just a getter for the new fill
options, which is an object like this:
fill: {
color: "#123456"
}
or
fill: {
image: "https://foo.bar/baz.jpg"
}
You can choose only one of them, to fill the canvas with the given image or color and create a trail effect.
As many knows, filling the canvas with a semitransparent color or image and drawing stuff, can leave some trail marks and in the image they can be seen a lot sometimes, the longer the trail the more visible they'll be.
Bug Fixes
- Fixed polygon mask position issues
- Fixed polygon mask scaling issues
--
v3.0
Probably this will be the last v2.x
version, 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
![tsParticles](https://res.cloudinary.com/practicaldev/image/fetch/s--0m2InYgQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--ogUxrN6n--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/organization/profile_image/5962/b083d75a-e417-4a45-b52c-2ce9dc549269.jpg)
![](https://res.cloudinary.com/practicaldev/image/fetch/s--VzpPV4FI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--48F7T3mb--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/349511/bb633a3a-649f-4897-9773-86a525c8fdc3.png)
Preparing tsParticles v3
Matteo Bruni for tsParticles ・ Jan 10
--
Social links
matteobruni
/
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)