Stopping the Animation from javascript about particles.js

[VincentGarreau]

Hey @XRyu ,

You can do it by this way:

pJSDom[0].pJS.particles.move.enable = false;

To restart:

pJSDom[0].pJS.particles.move.enable = true;
pJSDom[0].pJS.fn.particlesRefresh();

[Swennet]

Is it possible to pause the movement, and then re-enable it without refreshing?

I want to pause an animation while the user is scrolling.

[fatlinesofcode]

Is it possible to pause the movement, and then re-enable it without refreshing?

I want to pause an animation while the user is scrolling.

pause() {
      this._tempFn = this.pJS.fn.vendors.draw
      window.pJSDom[0].pJS.fn.vendors.draw = () => {
      }
    }
    play() {
      window.pJSDom[0].pJS.fn.vendors.draw = this._tempFn
      window.pJSDom[0].pJS.fn.vendors.draw()
    }

[maxfriedmann]

If you want to destroy it, see #63 (comment)

[shawnmitchell]

Is there a similar method for turning interactivity on and off?

pJSDom[0].pJS.interactivity.events.onclick["enable"] = false;

[xperiandri]

@VincentGarreau, thanks so much!

[DrNord]

Is it possible to pause the movement, and then re-enable it without refreshing?
I want to pause an animation while the user is scrolling.

pause() {
      this._tempFn = this.pJS.fn.vendors.draw
      window.pJSDom[0].pJS.fn.vendors.draw = () => {
      }
    }
    play() {
      window.pJSDom[0].pJS.fn.vendors.draw = this._tempFn
      window.pJSDom[0].pJS.fn.vendors.draw()
    }

It worked for me with corrected second line:

pause() {
      this._tempFn = window.pJSDom[0].pJS.fn.vendors.draw;
      window.pJSDom[0].pJS.fn.vendors.draw = () => {};
}
play() {
      window.pJSDom[0].pJS.fn.vendors.draw = this._tempFn;
      window.pJSDom[0].pJS.fn.vendors.draw();
}