Welcome to Blocker
Blocker is an isometric block editor. It allows you to create isometric pixel sketches right in the browser.
To start drawing, select a color from the toolbar on the bottom of the screen and click on the canvas. A transparent block shows you where the next block will be placed when you click. You can add or remove blocks from the canvas easily by switching drawing modes.
Single block mode adds one block at at time to the canvas. In multiple blocks mode, you can add multiple blocks and can control the number of blocks using the sliders to adjust the grid size.
Delete mode removes blocks from the canvas. Selecting one or multiple blocks will turn them black indicating what blocks will be removed - then click the delete button in the toolbar or hitting the backspace button on the keyboard.
The history buttons in the toolbar allow you to redo or undo your actions.
Import and Export
Sketches saved as json files can be imported. Sketches can be saved to the local web storage or exported in either a json or html format.
In the file menu you can:
- Save your sketch to your local machine.
- Load a sketch that you have saved to your local machine.
Import a sketch that was exported in a
Export a sketch to either an
jsonfile. Export it as
htmlto embed your sketch on other websites. Export it as
jsonif you want to import and modify your sketch at a later date using this editor.
- Press the numbers 1 - 6 to change the block color.
ctrl + qfor single block mode.
ctrl + mfor multiple block mode.
ctrl + dfor delete mode.
ctrl + zfor undo.
ctrl + shift + zfor redo.
ctrl + sto open the save menu.
ctrl + oto open the import menu.
ctrl + eto open the export menu.
ctrl + hto toggle this help box.
ctrl + kto switch between editor and gallery.
- In single block mode, hold
shiftwhile moving the mouse to draw blocks faster.
- In delete mode, hold
shiftwhile dragging to select multiple blocks.
- In delete mode, press
backspaceto delete selected blocks.
- You can use transparent blocks to build hovering objects. Just build an object as you normally would using transparent blocks as scaffolding. When you're done click "Delete Blocks" / "Delete transparent blocks" to remove all transparent blocks.
Mac users can use the
cmdkey instead of
If you want to share your sketches with others, you can upload it it to our gallery.