Sketchr, a wireframing tool

I’ve been thinking about making an Infinite Dreams sequel (not direct sequel but more of a spiritual successor) and came across another idea, tied in directly with ID2 development  – I’d need a level editor to create levels. Original ID was programmed in Flash and I’ve also developed a small level editor for that game, also in flash, but ID2 will be HTML5 so I decided to make a level editor in HTML5.



*I’ve miss-typed the ‘sketcher’ but kinda liked the ‘sketchr’ idea, so it’s Sketchr now.

Screenshot of the current version:

Click to enlarge

Sketchr is basically a wireframing tool that exports final product as JSON object. Users can place two types of shape objects (seen as Presets in screenshot) on canvas and add additional presets, defining ID, color and shape type of each one. Users  can also change canvas size (in pixels and percents), change grid size and turn on or off Snap to grid option, forcing shape resizing or movement to snap to grid or being free to move and resize if Snap to grid is turned off.

There will be a version control in next iterations of Sketchr, where every sketch edit gets an unique ID and links to previous version and newer if availible. Users will be able to open older version of sketches and create completely new branches of edits. Basic saving already works now, it’s just that every new sketch gets an ID that stays the same through all the edits of sketch.

Next iterations of Sketchr will also include an option to set a background image to sketch, so object placement becomes easier

If you’re interesting in joing the Sketchr beta, submit the form below:

Beta closed.