Добавление tsParticles в качестве фона

Question

Я пытаюсь использовать tsParticles в качестве фона для страницы входа, но событие мыши не работает, когда я нахожусь на странице входа в систему.

Как я могу сделать это работает?

Вот моя конфигурация

tsParticles.load('tsparticles', {
  background: {
    color: '#000000'
  },
  particles: {
    color: {
      value: '#CF5C36'
    },
    opacity: {
        value: 0.5
    },
    lineLinked: {
      color: {
        value: '#EFC88B'
      },
      consent: true
    }
  },
  interactivity: {
    events: {
      onHover: {
        mode: ['grab', 'bubble'],
        enable: true
      }
    },
    modes: {
      grab: {
        distance: 200
      },
      bubble: {
        size: 10
      }
    }
  },
  preset: 'basic'
});

Вот пример скрипта вопроса: https://jsfiddle.net/jmfhk0xb/

Answer 1

В разделе interactivity необходимо добавить detect_on: 'window'.

interactivity: {
    detect_on: 'window',
    events: {
        onHover: {
            mode: ['grab', 'bubble'],
            enable: true
        }
    },
    modes: {
        grab: {
            distance: 200
        },
        bubble: {
            size: 10
        }
    }
},