Interaction through the Text Layer

[harshamv]

I am using the plugin for a full background where i have certain interactions. But when i trying to add a text layer on the top i am not able to have the interactions over the div containing the text.

Is there any way to get this to work with text over the canvas?

Demo Link

[VincentGarreau]

Hey @harshamv, try to set this:

particlesJS("particles-js", {
  "interactivity": {
    "detect_on": "window", // "canvas" or "window"
  }
});

[harshamv]

@VincentGarreau changed the z-index to achieve the best possible.

Will try this option as well and let you know :)

[Darkness1337]

Same issue

[alivtar]

For me, changing interactivity.detect_on to 'window' didn't work. I changed the styles of canvas to:

canvas {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: -10;
}

and styles of @dom-id to:

#that_dom_id {
 position: relative;
}

[matteoums]

This feature is available with tsParticles, you can read more here

[michael-ono]

Hey @harshamv, try to set this:

particlesJS("particles-js", {
  "interactivity": {
    "detect_on": "window", // "canvas" or "window"
  }
});

Where do i add this pls