Keyboard Shortcuts

Contents General Layers Creating & Deleting Layer Selecting Muting & Hiding Order Priority Shift Key Features Brush Tool Rectangle Tool Tools Select Brush Erase Grab Rectangle Undo/Redo Zoom

Glossary

Several keyboard shortcuts have been implemented in order to allow an intuitive and rapid way to navigate all of Pixel.js' functionalities. The following glossary lists the currently available ones in alphabetical order.

General

Press F to turn on and off the fullscreen function.
Press K to view the list of hotkeys directly in Pixel.js.
Press T to open the Tutorial.

Layers

Layer Creating & Deleting

Create a new layer by pressing ctrl + N.
Delete a selected layer by pressing on the layer number hotkey to select it and then pressing cmd/ctrl + backspace.

Layer Selection

In order to select a specific layer, it is possible to simply press on the number ID of the layer. Layers 1 to 9 can be selected by keys 1 to 9 on the keyboard, respectively.

It is also possible to switch layers while painting a line in order to navigate and paint on different layers without lifting a brush stroke. On undo, the whole length of the brush stroke will be removed on all layers it has painted on.

Layer Muting & Hiding

Hiding a layer means temporarily removing a layer from view. This is done by holding down the H key. When the key is released the layer will be visible once again.

In order to turn a layer off, it is possible to press M and the layer will toggle between its activated state (on) and its deactivated state (off).

Layer Order Priority

It is possible to move a selected layer up and down through keyboard shortcuts only.

Select a layer and move it up by pressing the ] key.
Select a layer and move it down by pressing the [ key.

Shift Key

The shift key allows you to force tools to paint in an "exact" way.

Brush Tool

When pressing the shift key while using the brush tool, painted lines will be forced to be straight along the x-axis or y-axis. In order to choose whether it paints horizontally or vertically, simply hold shift and move the mouse in the desired direction.
The moment the shift key is release, the brush tool will go back into its default freeform state.

Rectangle Tool

When pressing and holding the shift key while the rectangle tool is selected, rectangles will be forced into squares. On drag, you can observe the size of the square about to be drawn and on release of the mouse button, the square will be appended to the selected layer.

Tools Select

Select tools by pressing keys instead of selecting them in the toolbox with the mouse.

Brush

Press B to select.

Erase

Press E to select.

Grab

Press G to select.

Rectangle

Press R to select.

Select

Press S to select.

Undo and Redo

For MacOS users:

Press cmd + Z to undo.

Press cmd + shift + Z to redo.

Zoom

Diva.js only allows 6 levels of zoom. In order to have a more precise control of pixel selection, it is possible to use browser zoom. For MacOS, use cmd + + to zoom in and cmd + - to zoom out.