Sprite-Based Animations

Currently, Levelmock only supports sprite-based animations. Future versions are expected to include bone-based animations. In fact, when creating pieces with nested elements, the rotation points already function as pivots that allow for articulated elements.

However, regarding animation logic, this version only formalizes the use of sprite sequences.

Creating an Animation #

To create an animation:

• Select one or more images from the palette.
• Drag them onto the Animation Canvas.

You can:

• Select multiple images and drag them all at once.
• Add or remove frames at any time.

Frame Viewer #

The Frame Viewer panel is located in the left sidebar and displays the list of frames that make up the animation. From this panel, you can:

• Reorder frames.
• Delete individual frames.

Saving and Exporting #

When you save an animation, it is exported automatically. Unlike scenes and pieces:

• Animations are not copied.
• They are always used by reference from the exported file.

For this reason:

• Deleting an animation also deletes its exported version. This behavior is intentional to prevent unnecessary data duplication.

Where are animations used? #

Animations are assigned to the elements that make up a Piece. In the element’s Properties Panel:

• There is an animation selector.
• You can assign multiple animations to a single element.

This allows you to represent different states for an element (for example: idle, active, destroyed, etc.).

Default Animation #

Currently:

• The first animation assigned to an element will play automatically upon loading.
• Switching between animations is controlled by the game engine’s logic.

Workflow Summary #

1. In the top menu, select Animations → New Animation.
2. The Animation tab will appear on the main canvas.
3. Drag the required images from the Palette.
4. Reorder or delete frames using the Frame Viewer panel.
5. Save the animation via Animations → Save Animation.