wufe / react-particles-js

Particles.js for React
https://rpj.bembi.dev/
MIT License
1.16k stars 106 forks source link

Polygon Mask #165

Closed gardensgreen closed 3 years ago

gardensgreen commented 3 years ago

Can't get the polygon mask to work. Tried using external links to svg as well as in my local directory.

<Particles params={{ fps_limit: 28, particles: { collisions: { enable: false, }, number: { value: 200, density: { enable: false, }, }, line_linked: { enable: true, distance: 30, opacity: 0.4, }, move: { speed: 1, }, opacity: { anim: { enable: true, opacity_min: 0.05, speed: 1, sync: false, }, value: 0.4, }, }, polygon: { enable: true, scale: 0.5, type: "inline", move: { radius: 10, }, url: "https://rpj.bembi.dev/small-deer.2a0425af.svg", inline: { arrangement: "equidistant", }, draw: { enable: true, stroke: { color: "rgba(255, 255, 255, .6)", }, }, }, retina_detect: false, interactivity: { events: { onhover: { enable: true, mode: "bubble", }, }, modes: { bubble: { size: 6, distance: 40, }, }, }, }} />