ASSET WORKFLOW

Prepare your pet assets

Follow these steps to export, optimize, and import your custom sprites for the perfect sandbox experience.

01
ASSET PREPACTIVE

Prepare your sprite assets

Export clean, transparent PNGs or GIFs for your pet.

02
OPTIMIZATION

Optimize for web rendering

Compress your files to ensure smooth sandbox performance.

03
JSON SCHEMA

Configure pet metadata

Define your pet's physics and animation properties.

04
DEPLOYMENT

Upload to sandbox

Import your assets into the interactive playground.

export_guide.md
markdown
Step 01•ASSET PREP
Prepare your sprite assets
Use Photoshop or Aseprite to export your pet sprites. Ensure the background is fully transparent and the canvas is cropped tightly to the character.
# Sprite Export Guidelines
1. Canvas: 300x300px max
2. Format: PNG-24 (Alpha) or GIF
3. Transparency: 100% alpha channel
4. Naming: pet_idle_01.png

Alpha transparency

Ensure your PNGs have clean alpha channels for seamless rendering.

File optimization

Keep assets under 500KB to maintain high frame rates in the sandbox.

Physics mapping

Define gravity and friction in your JSON config for realistic movement.

Instant upload

Drag and drop your assets to see them come to life in the simulator.