Skin Editor

Skin name

Sprite sheet (sprites.png)

Previewing from local file if selected; final skin.json should reference /skins/classic/sprites.png

Import JSON

Image: 0x0px

Visual Editor

Click and drag the boxes to position the pieces on the sprite sheet. The grid below can be used for initial layout.

Auto-fill grid

Tile W Tile H Start X Start Y Gap X Gap Y

Assumes a 2x6 layout (white row then black row). Useful for quickly aligning tiles.

Manual Fine-tuning

White Pawn (wp)

X

Y

W

H

White Knight (wn)

X

Y

W

H

White Bishop (wb)

X

Y

W

H

White Rook (wr)

X

Y

W

H

White Queen (wq)

X

Y

W

H

White King (wk)

X

Y

W

H

Black Pawn (bp)

X

Y

W

H

Black Knight (bn)

X

Y

W

H

Black Bishop (bb)

X

Y

W

H

Black Rook (br)

X

Y

W

H

Black Queen (bq)

X

Y

W

H

Black King (bk)

X

Y

W

H

Tip: After exporting, create a folder static/skins/classic/ and place the exported skin.json and your sprites.png inside it.