🏫 Classroom ModeSafe for school PCs - no account popups. Save stays on this device. Use Print lesson for handouts.Offline ready ✅15-MIN MISSION - EmberDraw 3 pixels → Character stamp → Animate 2 frames → Export PNGProgress: 0/4
Step 1: Draw a pixel on your character
1 Draw2 Save3 Export
Saves & questsLocal gallery, Pip badge, next steps📦 My CreationsSaved on this device - no account needed. On shared PCs, Export PNG to keep forever.🏆 Certificate
🐢 Quest: Design a Pixel Character for Pip
Draw + Export PNG to earn Pip's badge - works offline, no account.
Nice! What next?
Echo: add a 2nd frame and press Play - see it move!
🧑 Character
Tools
✏️Pencil
🧹Eraser
🪣Fill
💧Pick
Advanced ▸ Shapes, Select, Transform
📏Line
⬜Rect
⬭Ellipse
⬡Select
Brush Size
1px
Colour
FG/BG click swap
Recent
Canvas Size
View
8
32 × 32
💾 Save, import & more
Save stays on this device. On shared school PCs, Export PNG to keep forever.
Import art
Project bundle (open in another tool)
Import a .json to reopen a saved project, or a PNG or sheet to bring art back in.
PNG opens anywhere. Engine Pack (ZIP) includes Phaser, TexturePacker, Defold, Godot and GameMaker outputs.
Layers
Frames
FPS
Info
Pos: , Tool: pencil
Animate
PNG and Sheet export are in the Keep bar (left, bottom).
🗑️ Clear Canvas?
Clears all layers on the current frame. Cannot be undone.
🎬 Animation Preview
🗂️ Import Spritesheet
Set the size of each frame in the sheet. Frames are read left-to-right, top-to-bottom.
FRAME WIDTH (px)
FRAME HEIGHT (px)
IMPORT AS
RESIZE CANVAS
✨ Welcome to Pixel Studio
Draw sprites, tiles and animations for your games. Everything you make stays in your browser and can be exported as a PNG or spritesheet.
Pick a starting point
How it works
1 DrawPick a tool and a colour on the left, then click or drag on the canvas. Ctrl+Z undoes.
2 AnimateAdd frames on the right and press Play. Turn on Onion skin to see the frame before.
3 ExportExport PNG for one image, or Sheet for every frame in one file.
⌨ Shortcuts
B / P pencil · E eraser · F fill I / G eyedropper · L line · R rect · O ellipse · S select M mirror X · X swap colours · Space play
Select: Del clear · Ctrl+C copy · Ctrl+V paste · drag to move +/− zoom · Ctrl+Z undo · Ctrl+Y redo
Right-click draws with the background colour.
💾 Restore Last Session?
Pixel Studio autosaved an in-progress project from your last visit. Restore it, or start fresh.
