Sprite Engine
Walkthrough

A comprehensive step-by-step masterclass on transforming standard video files into game-ready pixel art sprite sheets using the Sprite Engine pipeline.

1

Source Material & Extraction

The engine starts by breaking down your source video into a manageable sequence of individual frames.

Video Trimming

Upload an MP4 or WebM file. Use the dual timeline sliders to isolate the exact loop you want to extract. For walk cycles, find the exact frame where the foot strikes the ground and trim right before the animation repeats.

Sequence Extraction

Once trimmed, click "Process Asset". The video is chunked and processed by our secure GPU environment. A sequence of raw frames will populate your timeline.

Pro-Tip for AI Video Generation

If you are using generative AI tools (Google Veo, Runway, Luma), use this prompt format for best results: "A pixel art style [character description], [action], locked camera, full body visible, flat solid bright green background".

2

Clean Source (Pre-Quantization)

Before aggressively reducing the image to blocky pixels, Step 2 cleans up compression artifacts to create a strong foundation. Switch between Sprite Mode and Background Mode depending on your subject.

Auto-Format Grid & Manual Setting

The engine scans the image to automatically detect its internal "fake pixel" size. By default, Auto-Format will attempt to map these for you.

If the AI video already looks like pixel-art, you must manually align the Engine's grid to avoid blurring. Zoom in perfectly and literally count how many un-scaled display pixels fit across one of the AI's "fake pixels". If a fake pixel is a 4x4 block of real pixels, set your Grid Size to 4.

Trim Background Bleed

Eliminates semi-transparent pixels on the hard edges of your character to guarantee clean silhouettes.

Force Solid Outline

Locates the exact edge of the sprite post-process, and paints a solid mathematically perfect border.

3

Pixel Stabilization

Step 3 applies the actual pixel-art structural pass, enforcing strict resolutions and solving animation "boiling" (unwanted flickering over time).

Leaky Pixels (Pixel Lock)

The most critical setting for animation! The Pixel Lock engine analyses frames over time to prevent flickering and lock down wobbly pixels between frames. Adjust the Stickiness Strength to control how aggressively pixels hold their color.

Retro Display Scale

Forces the entire video canvas to snap to a retro console display height (e.g., Original GameBoy 144px, SNES 224px). Your character shrinks proportionally to fit inside it. If you want manual control, set this to Auto.

Protect Minor Details

Instructs the downsampler to prioritize rendering high-contrast micro-features (like eyes or thin weapons) even if they mathematically occupy less than 50% of a pixel block.

4

Remove Background

An advanced background removal system isolates the subject and zeroes the rest of the canvas.

Chroma & Halo Target

Controls the aggressiveness of the subject masking. Lower values preserve more of the model's subtle edges, while higher values forcefully cut deeper to evade "green screen ringing".

AI Edge Trim (Erosion)

A post-mask operation. It mathematically erodes the selection inward by exactly N pixels. Use this if your character possesses an unshakeable outline of background color (like a persistent green aura).

Exporting to Studio

Once you've achieved your perfect sequence, use the bottom navigation buttons to push your frames into the global Studio Canvas or instantly download a structured Texture Atlas/Sprite Sheet formatted for Unity mapping.