How to Use

This guide covers how to use the Animation Recorder to preview and capture animation thumbnails for the Bablo Animation Menu.

Opening the Recorder

Use the following command in-game to open the recorder:

/animationrecorder

When the recorder opens, it will:

1. Teleport you to the recording studio
2. Spawn a mannequin ped on a green screen
3. Set up studio lighting and a fixed camera
4. Load all animations from the Bablo Animation Menu
5. Open the recorder UI

Previewing Animations

Once the UI is open, you can browse through all available animations from the animation menu. Select any animation to preview it on the mannequin ped.

The recorder supports all animation types:

• Regular animations — plays the animation on the ped with the standard camera
• Shared animations — automatically spawns a second ped and plays the synced animation between both characters, with a wider camera angle
• Expressions — zooms the camera in close to the ped's face to show facial expressions
• Walking styles — applies the walking style to the ped

Recording and Saving

When you are happy with an animation preview, use the save/record button in the UI to capture it. The recorder will generate:

• Animation file — the recorded animation as a .webp file
• Preview thumbnail — a preview image as a .webp file

These files are saved to the output/ folder inside your bablo-animationrecorder resource directory.

Integrating Custom Previews Into The Server

After recording your animation previews:

1. Navigate to the output/ folder inside bablo-animationrecorder
2. Copy the generated .webp files
3. Paste them into src/web/custom_previews inside your bablo-animations resource
4. Restart or refresh the animation menu to see the new thumbnails

Closing the Recorder

Press the close button in the UI or press ESC to exit the recorder. This will:

• Clean up the spawned peds
• Restore the camera
• Reset the weather and time back to normal
• Return NUI focus to the game