tsParticles - v4.0.0-beta.12
    Preparing search index...

    Cannon interactor for tsParticles.

    The user presses and drags away from the desired launch origin. On release the drag vector is reversed (slingshot / confetti-cannon style) and a burst of particles is fired in that direction.

    The number of particles and their velocity scale with the drag length.

    Options live under interactivity.modes.cannon:

    • spread — half-angle spread in degrees around the launch angle (default 30)
    • velocityFactor — multiplier applied to drag length to obtain particle speed (default 10)
    • particleFactor — how many particles per pixel of drag (default 0.2)
    • minParticles — minimum burst size regardless of drag length (default 5)
    • maxParticles — cap for burst size (default 200)
    • drawVector — whether to render the aiming line while dragging (default true)
    • vectorColor — CSS color for the aiming line (default "#ffffff80")

    Hierarchy

    Index

    Constructors

    Properties

    container: CannonContainer
    maxDistance: 0
    type: InteractorType

    Methods

    • Parameters

      • _interactivityData: IInteractivityData
      • _particle: InteractivityParticle

      Returns void