PixiJS Particle Emitter - Animated Single

Animated Single is a texture behavior that uses a single animation for each particle.

You should use a spritesheet for particles. If you use more than one sprite, make sure to use with a regular Container, not a ParticleContainer, as a Particle Container only works with one image.

Great free sprites from GameArt2d

Parameters

• framerate: number - The number of frames per second to play animation at
• loop: boolean - Whether or not to loop the animation. Defaults to false.
• textures: (string or Texture)[] - strings are translated into a Texture using Texture.fromImage(string). Textures are used directly.

Animated Single Behavior Example:

Animated Single Behavior Configuration: – other configuration excluded for brevity

{
  type: 'animatedSingle',
  config: {
    anim: {
      framerate: 12,
      loop: true,
      textures: [
        "/images/walk0.png",
        "/images/walk1.png",
        "/images/walk2.png",
        "/images/walk3.png",
        "/images/walk4.png",
        "/images/walk5.png",
        "/images/walk6.png",
        "/images/walk7.png",
        "/images/walk8.png",
        "/images/walk9.png",
      ]
    }
  }
},

PixiJS Particle Emitter: The Unauthorized Manual