Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Polygon Mask Inside Particles Become Stuck
See original GitHub issueWhich version are you using? 1.18.0
Is the latest version affected?
- Yes
- No
Which library are you using?
- Vanilla JS (
tsparticles) - React (
react-tsparticles) - Vue.js 2.x (
particles.vue) - Vue.js 3.x (
particles.vue3) - Angular (
ng-particles) - Svelte (
svelte-particles) - Preact (
preact-particles) - Inferno (
inferno-particles) - jQuery (
jquery-particles)
Describe the bug Particles can become stuck to the path and even sometimes escape beyond the path becoming trapped on the outside of it
To Reproduce Steps to reproduce the behavior:
- Add SVG Polygon Mask to config
- Configure to contain particles inside of path
Expected behavior Particles should bounce off the path smoothly and not become stuck and / or escape the path
Screenshots https://i.gyazo.com/94a01938a9b6cf85fb0e496dcc4a5ee6.mp4
Desktop (please complete the following information):
- OS: Windows 10
- Browser: Chrome
- Version: 88
Additional context This issue is even more noticeable when using symbols instead of circle shapes.
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:13 (6 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
I think it’s possible. I started a new feature but I splitted it from that branch so it can be released later.
I hope to release it in some days, I just need to find the formula for adjusting particles that went outside instead of bouncing and it’s done.