tsparticles-interaction-particles-repulse
    TypeScript icon, indicating that this package has built-in type declarations

    2.3.3 • Public • Published

    banner

    tsParticles Particles Repulsion Interaction

    jsDelivr npmjs npmjs GitHub Sponsors

    tsParticles interaction plugin for repulse effect between particles.

    How to use it

    CDN / Vanilla JS / jQuery

    The CDN/Vanilla version JS has one required file in vanilla configuration:

    Including the tsparticles.interaction.particles.repulse.min.js file will export the function to load the interaction plugin:

    loadParticlesRepulseInteraction
    

    Usage

    Once the scripts are loaded you can set up tsParticles and the interaction plugin like this:

    loadParticlesRepulseInteraction(tsParticles);
    
    tsParticles.load("tsparticles", {
      /* options */
    });

    ESM / CommonJS

    This package is compatible also with ES or CommonJS modules, firstly this needs to be installed, like this:

    $ npm install tsparticles-interaction-particles-repulse

    or

    $ yarn add tsparticles-interaction-particles-repulse

    Then you need to import it in the app, like this:

    const { tsParticles } = require("tsparticles-engine");
    const { loadParticlesRepulseInteraction } = require("tsparticles-interaction-particles-repulse");
    
    loadParticlesRepulseInteraction(tsParticles);

    or

    import { tsParticles } from "tsparticles-engine";
    import { loadParticlesRepulseInteraction } from "tsparticles-interaction-particles-repulse";
    
    loadParticlesRepulseInteraction(tsParticles);

    Install

    npm i tsparticles-interaction-particles-repulse

    DownloadsWeekly Downloads

    150

    Version

    2.3.3

    License

    MIT

    Unpacked Size

    314 kB

    Total Files

    32

    Last publish

    Collaborators

    • ar3s
    • matteobruni