Particles interactivity options

Interactivity

Detects On

This property is used to determine which HTML element should catch mouse interaction.

The valid values are:

  • "canvas": Only the particles canvas will be targeted
  • "parent": Only the particles canvas parent will be targeted
  • "window": The full window will be targeted, this will work perfectly with a negative z-index positioned canvas

Events

See Events documentation {@link IEvents | here}

Modes

See Modes documentation {@link IModes | here}

Hierarchy

  • IInteractivity

Implemented by

Indexable

[name: string]: unknown

Properties

detect_on: "window" | "canvas" | "parent" | InteractivityDetect

Deprecated

use the new detectsOn instead

detectsOn: "window" | "canvas" | "parent" | InteractivityDetect

Where the mouse events will be detected If set to canvas only the particles canvas will be targeted If set to parent only the particles canvas parent will be targeted If set to window every area will be the target

events: IEvents

Interaction events options, this configures which events are enabled and which modes should be used

modes: IModes

Interaction modes options, this configures every mode behavior