# Sprite Animation Sprites work the same way as gifs. Builders can upload a sprite image that will automatically animate if it meets a few requirements. {% hint style="info" %} **To animate in Buenoverse, a sprite needs:** * A minimum of 2 image "states". * Images placed directly below each other. * Exact same image frame dimensions. * Images grouped and exported together as a single image. * Image title name ending in "sprite-\[# of frames]" {% endhint %} #### Practical Example: Jack-o-lantern Sprite Let's walk through a simple example and create a spooky, flickering jack-o-lantern using Figma. For this example, we will have two image states - ***on*** and ***off***. Since the sprite has 2 frames, we will title the image group "Pumpkin-*sprite-2*".

Notice that each of our pumpkin images are placed in frames of the exact same size (258 x 550). Next, we'll group the two frames together, taking care that the frames are aligned, and then export as one image.

Finally, we will place the image into our room as an element. The Buenoverse will automatically pick up on this sprite, and add it as an animated asset! In the sprite menu, builders can alter the frame rate of the sprite, and choose settings for auto-play and loop.

--- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.bueno.art/buenoverse/fundamentals/sprite-animation.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.