SPRITE SLICER
Sprite Sheet → MakeCode Arcade Animation Converter
📁 IMPORT
🖼️
Drop sprite sheet here
or click to browse
🎮 Load Demo Sprite Sheet
Sample:
Free Shinobi Sprites
by CraftPix
🎨 BACKGROUND
Background Color (to remove)
Pick color on click
🔍 FRAME DETECTION
Tolerance (0-255)
Min Frame Size
Normalize frame sizes
🔍 Auto-Detect Frames
Clear All
⚙️ OUTPUT
Output Size (pixels)
Background Removal
auto
Exact
Tolerance:
30
Loose
Default Interval (ms)
🔍+
🔍−
100%
#
Select All
Clear
0 selected
🎮
Load a sprite sheet to get started
Ready
-
🎬 ANIMATIONS
Workflow:
Detect frames → Create animation → Select frames → Press
Space
to add
📋 duplicate | ↔ flip H | ↕ flip V
+ New Animation
Add Selected Frames
📋
↔
↕
Frames (drag to reorder, × to remove)
👁️ PREVIEW
Show 16-color palette output
◀
▶
▶
0/0
HEX OUTPUT
✏️ edited
⛶
Interval (ms)
Delete
Clear Frames
📋 CODE OUTPUT
Include movement controller logic
Generate MakeCode
TypeScript
📋 Copy
// Generated code will appear here...
NEW ANIMATION
Animation Name
Cancel
Create
🎨 PIXEL EDITOR
16×16
◀
▶
⏹
▶
1/1
−
100%
+
⊡
↶ Undo
↷ Redo
✓ Apply Changes
✕ Close
Animation
Color Palette
Current Color
.
Transparent
Tools
✏️ Draw
🧹 Eraser
🪣 Fill
Actions
🗑️ Clear
↔ Flip H
↕ Flip V
🔄 Reset
Tips:
• Click to paint, drag to draw
• Right-click to pick color
• Keys 1-9, a-f select colors
• P=Pencil, E=Eraser, G=Fill
• ←/→ arrows change frame
• Space = play/pause
• Ctrl+wheel or +/- to zoom