# How to create an animation frame manually?

**URL:** <https://phaser.discourse.group/t/how-to-create-an-animation-frame-manually/13997>\
**Category:** Phaser 3\
**Created:** [February 15, 2024, 11:52am UTC](https://phaser.discourse.group/t/how-to-create-an-animation-frame-manually/13997 "2024-02-15T11:52:40Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![QuantumTopology](https://avatars.discourse-cdn.com/v4/letter/q/94ad74/32.png) [@QuantumTopology](https://phaser.discourse.group/u/QuantumTopology)\
**Post date:** [February 15, 2024, 11:52am UTC](https://phaser.discourse.group/t/how-to-create-an-animation-frame-manually/13997/1 "2024-02-15T11:52:40Z")

</div>

Hello. I want to make an animated tile, the source image of the tileset has been loaded as a texture (suppose its name is “tileset\_image”). I can access this texture by

```javascript
this.textures.list["tileset_image"];

```

then how to create a frame from this texture ? I checked the examples, all of them get a frame by load an atlas json. However, I have loaded the tileset\_image, so I don’t want to load it again. Can I create a frame without an atlas json ?

---

<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 15, 2024, 2:28pm UTC](https://phaser.discourse.group/t/how-to-create-an-animation-frame-manually/13997/2 "2024-02-15T14:28:13Z")

</div>

You can use `load.spritesheet(…)` for the tileset image and then select frames for animations using `generateFrameNumbers()`.

https://codepen.io/samme/embed/preview/abBpoee?default-tabs=js%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=abBpoee

---

<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 16, 2024, 4:31pm UTC](https://phaser.discourse.group/t/how-to-create-an-animation-frame-manually/13997/3 "2024-02-16T16:31:28Z")

</div>

[Phaser.Textures.Texture#add()](https://newdocs.phaser.io/docs/3.70.0/focus/Phaser.Textures.Texture-add) to manually add frames to a texture