[Bug]: Particles speed up to ludicrous speeds over time

Contact Details

[e-mail]

What happened?

Heya everyone!

Thank you so much for this insane project. Coming from particleJS, this is a god send.

Now, for the bug: Particles in the view speed up over time. The longer you leave the window open, the faster the particles become. Whilst it can look funny at times, it is also quite straining on the eyes after some time. 😅

• I can observe said behaviour on https://particles.js.org/, too.
• I can observe said behaviour in Opera GX, too, though that browser is not listed down below.
• I migrated from particlesJS to tsParticles, using the same configuration.

If you need anything else, let me know!

Cheers, Griefed

Version

1.36.0

Which library are you using?

Vanilla (tsparticles)

tsParticles Configuration

{
  "particles": {
	"number": {
	  "value": 80,
	  "density": {
		"enable": true,
		"value_area": 800
	  }
	},
	"color": {
	  "value": ["#325358","#C0FFEE","#31CCEC","#6A1A78"]
	},
	"shape": {
	  "type": ["circle","triangle","edge","polygon"],
	  "stroke": {
		"width": 0,
		"color": ["#325358","#C0FFEE","#31CCEC","#6A1A78"]
	  },
	  "polygon": {
		"nb_sides": 6
	  }
	},
	"opacity": {
	  "value": 1,
	  "random": true,
	  "anim": {
		"enable": true,
		"speed": 1,
		"opacity_min": 0.1,
		"sync": false
	  }
	},
	"size": {
	  "value": 3.5,
	  "random": true,
	  "anim": {
		"enable": true,
		"speed": 1,
		"size_min": 0.1,
		"sync": false
	  }
	},
	"line_linked": {
	  "enable": true,
	  "distance": 150,
	  "color": "#C0FFEE",
	  "opacity": 0.4,
	  "width": 1
	},
	"move": {
	  "enable": true,
	  "speed": 1,
	  "direction": "right",
	  "random": true,
	  "straight": false,
	  "out_mode": "out",
	  "bounce": true
	}
  },
  "interactivity": {
	"detect_on": "canvas",
	"events": {
	  "onhover": {
		"enable": true,
		"mode": ["bubble","grab"]
	  },
	  "onclick": {
		"enable": true,
		"mode": "push"
	  },
	  "resize": true
	},
	"modes": {
	  "grab": {
		"distance": 140,
		"line_linked": {
		  "opacity": 1
		}
	  },
	  "bubble": {
		"distance": 200,
		"size": 4,
		"duration": 5,
		"opacity": 1,
		"speed": 0.1
	  },
	  "push": {
		"particles_nb": 4
	  }
	}
  },
  "retina_detect": true
}

What browsers are you seeing the problem on?

Firefox, Chrome, Microsoft Edge

Relevant log output

---

Code of Conduct

• I agree to follow this project’s Code of Conduct

[xscode-auto-reply[bot]]

Thanks for opening a new issue. The team has been notified and will review it as soon as possible.

For urgent issues and priority support, visit https://xscode.com/matteobruni/tsparticles

[Griefed]

Sorry for taking so long!

So, I tried playing around with decay though that has the tendency of stopping every particle dead in their tracks eventually. It was a good idea, though!

As for bounce, I couldn’t get a nice config working here either. So, in the end, I stayed with no bounce and everything moving out to either the right hand side as well as the occasional particle moving out on the top or bottom.

Thank you for your suggestions and your help! Keep up the great work, stay safe, and stay awesome!

Feel free to close this ticket.

Cheers, Griefed