Pixel Editor – Shortcuts

The more I squash bugs, the more usable the app becomes. This in itself is a problem.

I want to be able to use the app while I’m developing it to ensure I’m building an app I would actually want to use. As I begin to use the app more, in particular, to try and draw the icons to be used inside the app, I notice that there’s a distinct lack of shortcut keys. So that’s what I’m going to focus on next. I hope it will improve the workflow as much as I think it will.

I’m writing my own keyboard shortcut key system so that it’s more transportable if I ever manage to take it OSX. It’s a simple system whereby I load some shortcut keys from a file, call AddShortcut with each one and wait for the callback to fire. I hook this up to a global system of commands that can be actioned by the app, again, for portability.

The system was easy to set up, but there’s a bit of hackery over whether control/alt and alike buttons are pressed down. I’ll come back to tidy up that mess later.

We now have shortcut keys for:

* D – Draw
* E – Erase
* S – Square
* R – Rectangle
* Y – Eye Dropped
* L – Line
* B – Bucket
* Ctrl+Z – Undo

Next up. I need to do something about these damn crashes. I won’t rant on about that though. Too boring.

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.