Pixel Editor – True Beginnings

I’m writing a pixel editor.

The project is well under way now and it’s reached a point beyond prototype so I figured I’d start recording my progress.

It doesn’t have a name. Still chewing over that one.

Here’s what the app looks like so far.


Up at the top, we have a menu. We can currently create a new project, open an existing one, and save the current project.

To the left is the toolbox. All of the icons(as terrible as they are) are being drawn with the pixel editor. The hope is to continue this until the tool is proficient enough to be able to produce something real.

The list of tools available at present are:

  • Pen
  • Erase
  • Point
  • Bucket
  • Square
  • Line
  • Marquee
  • Eye dropped

Lower down in the toolbox is an undo button and the current color selection.

On the right we have a preview of the whole image, then the color palette. Clicking add will allow you to choose a color from a color picker.

In the centre is the main drawing canvas. This is where you paint.

Above it is a zoom slider and a brush size slider.

That’s pretty much it for now. I’m going to go into detail on individual elements of the app as I begin tightening up the project ready to use in a real world scenario.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>