MakeCode Video Converter

Video Input

🎬

Drop Video File Here

MP4 · WebM · MOV · AVI · MKV

// no video loaded

Frame Range

Start Frame

End Frame

Interval

Resize Mode

Full width — 160px wide, height auto Full height — 120px tall, width auto Full screen — 160×120 stretched Scale factor Custom dimensions

→ 160 px wide (height auto)

Palette Mode

Fixed — use global palette below Adaptive — per-frame palette (accurate)

Pixels snapped to the palette below. Click any swatch to customise.

Global Palette (click swatch · 0 = transparent)

// Size Estimate

Frames—

Sprite Size—

FPS—

Output Size—

Duration—

Extract audio

Image Input

🖼

Drop Image File Here

PNG · JPG · BMP · GIF · WebP

// no image loaded

→ no image loaded

Resize Mode

None — keep original size Fit width — 160px wide, height auto Fit height — 120px tall, width auto Stretch — 160×120px Custom dimensions

Palette Mode

Adaptive — quantise to best N colours Fixed — MakeCode built-in 15 colours

Max colours (1–15)

Options

Include color.setColor() snippet

Palette Preview

// convert an image to see its palette

TypeScript Output

image_output.ts

// Output will appear here after conversion

About

MakeCode Video Converter — a browser-based tool for converting videos and images into MakeCode Arcade TypeScript sprites.

Credits

Original Image Conversion Logic

kristianpedersen

Image-to-sprite palette matching and conversion algorithm.

kristianpedersen.github.io/Convert-Image-to-MakeCode-Arcade-Sprite/

Original Web Video Converter

Woody (monk070)

Original browser-based video-to-MakeCode converter with audio support.

monk070.github.io/makecode-video-audio-converter/

// This tool builds on the work of the above contributors. Thank you for making your projects open and accessible.

// convert a video or import an output file
to preview frames here

// frame strip appears after loading

TypeScript Output

output.ts

// Output will appear here after conversion