Upload .png / .spr
Usage

Report an issue/suggestion

D
download spritesheet .spr file
r
rotate sprite
v
vertically mirror sprite
h
horizontally mirror sprite
b
select brush tool
f
select fill tool
e
select erase tool
p
select pan tool
shift + click
switch to erase
alt + click
pick colour from sprite and add to palette
left/right cursor
change current sprite in sprite sheet
shift + 1 - 4
select 8x8 sprite
shift + cursor keys
shift/pan sprite by 1 pixel
ctrl + shift + cursor keys
shift/pan sprite by 8 pixels
1 - 8
select palette colour n
ctrl + z
undo
Drag and drop
Supported: .png and .spr files
Usage

Click on a palette index (left) then click on a new colour (right) to change the palette. Changes immediately update the sprite and tile previews. Watch demo video

To use an existing palette, drag the 512 byte palette file into this panel.If you change the palette ensure you download and load it using the PALETTE keyword.

Legend:

  • i: palette index in decimal
  • c: Next palette colour in 9bit hex
  • #: CSS hex colour
  • Numbers on the palette itself: count of usage in the spritesheet

Keys:

  • cursor left/right: to shift selected palette index
  • . (period): copy selected colour and increment

Please note: the palette editor is new (as of 9-July), so if you spot anything untoward please raise an issue.

Todo
  • Configure global transparency
  • Configure priority on individual palette values
  • Support .npl file format
  • Find and replace palette value
  • Sticky zoom
  • Generate palette based on image
  • Undo
  • Local state save/restore

Map settings
Tile scale
Dimensions
Options
Upload map Example BASIC code

Directions:

Drag a image (PNG, BMP, JPEG, etc) onto this area, then pan around with the clip area over the 16x16 sprite you want to import into your spritesheet. Make sure to select the correct position in the spritesheet before copying.

Keyboard shifting
1px: shift+cursor keys
8px: ctrl+shift+cursor keys