Skip to main content

Pixel Art Creator

You choose the width and height of the image matrix and click the Create Grids button to create a blank matrix.

By default the pen colour is red but you can click any colour square to change the pen colour, at the right end, there is the eraser.

Color Picker

Click on the pixel cell to fill with the chosen colour, if you keep the left mouse button down, you can drag the color to the next pixel cell. After you complete the pixel art, you can click Export code button to export the image to a Javascript matrix which is ready to be used in your code.

On the other direction, you can click the collapsible section Import Image Matrix to create Grids by pasting a Javascript matrix to generate a pixel art in cell which is ready for modification. The matrix is like

const foo = [....]

or just have the []

[...]
Import Image

Have Fun

Width
Height