tsParticles 1.14.0 released
Tags: javascript, typescript, showdev, news
Published: 2020-05-10 20:51:00

# tsParticles 1.14.0

## Release Notes

### New Features

- Particles can now be destroyed after a threshold size (bigger or lower it's your choice)
- Particles can infect other particles with a new `infection` option
- Particles can now vibrate with a new `vibrate` option
- Particles can set `noise` on `move` options
- Created a slim file `tsparticles.slim.js` that doesn't have 
`PolygonMask`, `Emitters` and `Absorbers`.

### Existing features improvements

- Play/Pause behavior now will have a better behavior in startup
- The particles number limit can be more flexible with area density integration. If you specify a density the limit will be affected by that calculation, this will improve responsiveness.
- The particles number density will be more customizable, the code has a 1000 factor hard coded, now that value is customizable.

---

## Some Pens of the new features

### Noise trails

{% codepen https://codepen.io/matteobruni/pen/vYNJPPL %}

---

### Infection

{% codepen https://codepen.io/matteobruni/pen/abvLoOB %}

---

### Growing particles

{% codepen https://codepen.io/matteobruni/pen/MWavNox %}

---

### Preset repositories
- <https://github.com/matteobruni/tsparticles-preset-60fps>
- <https://github.com/matteobruni/tsparticles-preset-backgroundMask>
- <https://github.com/matteobruni/tsparticles-preset-basic>
- <https://github.com/matteobruni/tsparticles-preset-bouncing>
- <https://github.com/matteobruni/tsparticles-preset-fire>
- <https://github.com/matteobruni/tsparticles-preset-fontAwesome>
- <https://github.com/matteobruni/tsparticles-preset-snow>
- <https://github.com/matteobruni/tsparticles-preset-stars>

### Shape repositories
- <https://github.com/matteobruni/tsparticles-shape-spiral>
- <https://github.com/matteobruni/tsparticles-shape-heart>

---

## tsParticles plugins

`tsParticles` supports customizations 🥳.

**YOU CAN CREATE YOUR OWN SHAPES OR PRESETS**

[Read more here...](https://github.com/matteobruni/tsparticles/wiki/Create-a-tsParticles-Plugin)

---

## Want to integrate in React.js?

`react-particles-js` now uses `tsParticles` as core library.

[Read more here...](https://github.com/wufe/react-particles-js)

---

## Useful links

Checkout the demos here: <https://particles.matteobruni.it>

Do you want to replace the old, outdated and abandoned `particles.js`?

**You're in the right place!**

---

## GitHub repo
<https://github.com/matteobruni/tsparticles>

##npm
<https://www.npmjs.com/package/tsparticles>

##yarn
<https://yarnpkg.com/package/tsparticles>

##jsDelivr
<https://www.jsdelivr.com/package/npm/tsparticles>

## CDNJS
<https://cdnjs.com/libraries/tsparticles>

---

Feel free to contribute to the project!

---

## Demos

Here are some demos!

### Custom Presets

{% codepen https://codepen.io/matteobruni/pen/ExjJmXX %}

*watch the code for creating custom presets*

### Custom Shapes

{% codepen https://codepen.io/matteobruni/pen/vYOMmGr %}

*watch the code for creating custom shapes*

### Characters as particles

{% codepen https://codepen.io/matteobruni/pen/xxGdyjd %}

#### FontAwesome characters as particles:

{% codepen https://codepen.io/matteobruni/pen/QWbrLoK %}

---

### Mouse hover connections

{% codepen https://codepen.io/matteobruni/pen/GRJMgBp %}

---

### Polygon mask

{% codepen https://codepen.io/matteobruni/pen/yLNpgKW %}

---

### Background Mask particles

{% codepen https://codepen.io/matteobruni/pen/WNvYKgW %}

---

### Polygon Mask with multiple paths

This polygon has 4 paths

{% codepen https://codepen.io/matteobruni/pen/MWaePMa %}

---

### Emitters

This login background is made with particles emitters, cool isn't it?

{% codepen https://codepen.io/matteobruni/pen/VwvPLMe %}

---

### Absorbers

Have you ever wanted a black hole? Here's yours!

{% codepen https://codepen.io/matteobruni/pen/eYpgxQx %}

---

### Collisions

The collisions in the previous releases, and in Particles.js too, were horrible. Now they're fixed and they look good. Finally!

{% codepen https://codepen.io/matteobruni/pen/YzyZzGZ %}

---

### Twinkle effect

Particles twinkling

{% codepen https://codepen.io/matteobruni/pen/jObBaqv %}

---

### COVID-19 SARS-CoV-2 particles

{% codepen https://codepen.io/matteobruni/pen/dyoZbMb %}

**Don't click! DON'T CLICK! OH NO IT'S SPREADING!!!!**

*COVID-19 is not funny. It's a serious world problem and we should prevent its spreading. If you are in a risky area please STAY AT HOME*