# Adding existing game object and playing animation

**URL:** <https://phaser.discourse.group/t/adding-existing-game-object-and-playing-animation/1100>\
**Category:** Phaser 3\
**Created:** [February 6, 2019, 8:12pm UTC](https://phaser.discourse.group/t/adding-existing-game-object-and-playing-animation/1100 "2019-02-06T20:12:44Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![afshinizadi](https://avatars.discourse-cdn.com/v4/letter/a/ecae2f/32.png) [@afshinizadi](https://phaser.discourse.group/u/afshinizadi)\
**Post date:** [February 6, 2019, 8:12pm UTC](https://phaser.discourse.group/t/adding-existing-game-object-and-playing-animation/1100/1 "2019-02-06T20:12:44Z")

</div>

how to play animation on added tile sprite game object

```
dude = this.add.tileSprite(100, 450, 100,100, 'dude');
player=this.physics.add.existing(dude, false);
player.body.setBounce(0.3);
player.body.setCollideWorldBounds(true);

```

Animation

```
this.anims.create({
    key: 'left',
    frames: this.anims.generateFrameNumbers('dude', { start: 0, end: 3 }),
    frameRate: 10,
    repeat: -1
});

```

and playing it with the anims.play return dude.anims or player.anims is undefined

```
player.anims.play('left', true);

```

or

```
player.body.anims.play('left', true);

```

or

```
dude.anims.play('left', true);

```

the animation will play if I add the sprite by

```
player = this.physics.add.sprite(x,y,sprite)
```

---

<div class="post-metadata">

**Author:** ![Olf](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/olf/32/213_2.png) [@Olf](https://phaser.discourse.group/u/Olf)\
**Post date:** [February 6, 2019, 9:35pm UTC](https://phaser.discourse.group/t/adding-existing-game-object-and-playing-animation/1100/2 "2019-02-06T21:35:23Z")

</div>

Show us all the code please.

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [February 6, 2019, 11:03pm UTC](https://phaser.discourse.group/t/adding-existing-game-object-and-playing-animation/1100/3 "2019-02-06T23:03:47Z")

</div>

```
player = this.add.tileSprite(100, 450, 100, 100, 'dude');
this.physics.add.existing(dude, false);
player.anims.play('left', true);
```

---

<div class="post-metadata">

**Author:** ![afshinizadi](https://avatars.discourse-cdn.com/v4/letter/a/ecae2f/32.png) [@afshinizadi](https://phaser.discourse.group/u/afshinizadi)\
**Post date:** [February 7, 2019, 8:33am UTC](https://phaser.discourse.group/t/adding-existing-game-object-and-playing-animation/1100/4 "2019-02-07T08:33:08Z")

</div>

edited

---

<div class="post-metadata">

**Author:** ![afshinizadi](https://avatars.discourse-cdn.com/v4/letter/a/ecae2f/32.png) [@afshinizadi](https://phaser.discourse.group/u/afshinizadi)\
**Post date:** [February 7, 2019, 8:35am UTC](https://phaser.discourse.group/t/adding-existing-game-object-and-playing-animation/1100/5 "2019-02-07T08:35:23Z")

</div>

didn’t work, the function player.anims not found

---

<div class="post-metadata">

**Author:** ![afshinizadi](https://avatars.discourse-cdn.com/v4/letter/a/ecae2f/32.png) [@afshinizadi](https://phaser.discourse.group/u/afshinizadi)\
**Post date:** [February 7, 2019, 9:06am UTC](https://phaser.discourse.group/t/adding-existing-game-object-and-playing-animation/1100/6 "2019-02-07T09:06:19Z")

</div>

player = this.physics.add.sprite(100, 450, ‘dude’);  
player.displayWidth=100;  
player.displayHeight=100;

it seems tilesprite didn’t implement anims function so I tried to use sprite and display property and now everything work well.

thanks guys.
