Bueno Docs
Buenoverse
Buenoverse
  • Introduction
    • Welcome to the Buenoverse! 🌍
    • Buenoverse Plans
    • Roadmap
  • Getting Started
    • Creating Your First World
    • Builder Basics
    • Add Collaborators
  • Fundamentals
    • Worlds and Rooms
    • Player Spawn Points
    • Elements
      • Hitboxes
      • Z-index
      • Interactions
    • Components
    • Asset Manager
    • Asset Kits
    • Image Generator
    • Layers and Floors
    • Paths
    • Sprite Animation
    • Sounds
    • Video
  • Interactions
    • Introduction to Interactions
    • Full walkthrough
    • Portals
    • External links
    • Effects
      • Animation
      • Music
      • Sounds
      • Confetti, Fireworks and Smoke
    • Abilities
      • Collectible
      • Mountable
      • Drivable
      • Movement
      • Thrower
      • Damage
      • Health
      • Mint Machine
      • Dress Up
    • Dialogue
      • AI Dialogue
      • Permissions
      • Items and Rewards
      • Collect Data
      • HTTP Requests (Advanced Feature)
    • Games
      • Podium
      • Test Lobby
  • Player Management
    • Player Options
    • Player Health
    • XP and Level Up
    • XP and Level Gating
    • Item Gating
    • Token Gating
    • Moderation
  • Tutorials
    • Building a DJ Room
    • Make a Hot Air Balloon
    • Make a Mint Machine
Powered by GitBook
On this page

Was this helpful?

  1. Fundamentals

Sprite Animation

Bring your environments to life with animated sprites.

PreviousPathsNextSounds

Last updated 1 year ago

Was this helpful?

Sprites work the same way as gifs. Builders can upload a sprite image that will automatically animate if it meets a few requirements.

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]"

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.

Edit the frame rate of a sprite.