DEV Community

Cover image for tsParticles 2.8.0 Released
Matteo Bruni for tsParticles

Posted on

 

tsParticles 2.8.0 Released

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"
}
Enter fullscreen mode Exit fullscreen mode

or

fill: {
  image: "https://foo.bar/baz.jpg"
}
Enter fullscreen mode Exit fullscreen mode

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

--

Social links


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

banner

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

GitHub Sponsors jsDelivr hits (npm) Cdnjs npm npm lerna CodeFactor Codacy Badge Rate this package Gitpod Ready-to-Code Run on Repl.it

Discord Slack WhatsApp Telegram Reddit

tsParticles Product Hunt Buy Me A Coffee Linktree


Table of Contents

⚠️⚠️ _This readme refers to v2 version, read here for v1 documentation* ⚠️⚠️


Do you want to use it on your website?

Documentation and Development references here 📖

This library is

Top comments (0)

Fun with console.log()

This post briefly outlines the top 10 neat tricks you can use to level up your logging experience.