# Sprite Sheet For particles Problem

**URL:** <https://phaser.discourse.group/t/sprite-sheet-for-particles-problem/917>\
**Category:** Phaser 3\
**Created:** [January 24, 2019, 12:11pm UTC](https://phaser.discourse.group/t/sprite-sheet-for-particles-problem/917 "2019-01-24T12:11:44Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![and\_ctba](https://avatars.discourse-cdn.com/v4/letter/a/2acd7d/32.png) [@and\_ctba](https://phaser.discourse.group/u/and_ctba)\
**Post date:** [January 24, 2019, 12:11pm UTC](https://phaser.discourse.group/t/sprite-sheet-for-particles-problem/917/1 "2019-01-24T12:11:44Z")

</div>

Hello Guys!

I’m trying to use a spritesheet to create an emitter. but for some reason only the first frame is spawned.

here is how i’m doing it.

`this.load.spritesheet('veg', './src/assets/image/btnParticles/fruit.png', { frameWidth: 64, frameHeight: 64 });`

then

`var particles = this.add.particles('veg');`

```
var cherries = particles.createEmitter({
      frames: 0,
      x: 400,
      y: 300,
      speed: 100,
      frequency: 150,
      lifespan: 2000
  });

      var orange = particles.createEmitter({
          frames: 1,
          x: 400,
          y: 300,
          speed: 100,
          frequency: 150,
          lifespan: 2000
      });
```

---

<div class="post-metadata">

**Author:** ![hcakar](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/hcakar/32/459_2.png) [@hcakar](https://phaser.discourse.group/u/hcakar)\
**Post date:** [January 24, 2019, 1:17pm UTC](https://phaser.discourse.group/t/sprite-sheet-for-particles-problem/917/2 "2019-01-24T13:17:29Z")

</div>

Hello @and_ctba,  
It’s giving you only one frame cause you specify only one frame which is the first one

you might wanna try  
`frame: { frames: ['red', 'blue', 'green', 'yellow'], cycle: true }`

or check [this example](https://labs.phaser.io/edit.html?src=src/game%20objects/particle%20emitter/acceleration.js) or [this one](http://localhost:8082/edit.html?src=src/game%20objects/particle%20emitter/multiple%20emitters.js)

---

<div class="post-metadata">

**Author:** ![and\_ctba](https://avatars.discourse-cdn.com/v4/letter/a/2acd7d/32.png) [@and\_ctba](https://phaser.discourse.group/u/and_ctba)\
**Post date:** [January 24, 2019, 2:02pm UTC](https://phaser.discourse.group/t/sprite-sheet-for-particles-problem/917/3 "2019-01-24T14:02:09Z")

</div>

Hey hcakar,

Thanks for your answer, i was using the same example before. The problem actually was in the typescript definitions. You will share that if someone else find same problem.

This is what I changed to have it working.  
`frame? : number | number[] | string | string[] | Phaser.Textures.Frame | Phaser.Textures.Frame[] | ParticleEmitterFrameConfig;`  
`// frames?: number | number[] | string | string[] | Phaser.Textures.Frame | Phaser.Textures.Frame[] | ParticleEmitterFrameConfig;`

Thanks!