Editor Tutorial

← Back to Editor

Placing Objects

Placing Objects

Select an object from the right panel and Left Click anywhere in the level to place it.

Rotating Objects

Rotating Objects

Use Ctrl + Scroll or the Arrow Keys to rotate objects before placing them, or rotate currently selected objects. When multiple objects are selected, this rotates them all as one group. Hold Shift while rotating to rotate each object individually around its own center instead.

Resizing Objects

Resizing Objects

Hold Alt + Scroll to scale objects up or down. This works for your tool preview or selected objects on the canvas. When multiple objects are selected, this scales them as a group. Hold Shift while scrolling to scale each object individually instead.

Selecting Multiple Objects

Selecting Multiple Objects

With the default cursor selected, Left Click and drag in an empty area to draw a selection box and highlight multiple objects at once.

Removing Objects (Brush)

Removing Objects with Brush

Hold Right Click and drag your mouse to continuously erase objects like a typical eraser brush.

Removing Objects (Area)

Removing Objects in a Square

Hold Alt + Right Click and drag to quickly delete all objects inside an expanding rectangular area.

Tiling Objects

Tiling Objects

Hold Left Click and drag to tile objects seamlessly in a continuous line. You can also hold Alt while dragging to fill a square block automatically.

Changing Object Properties

Changing Object Properties

When selecting colorable objects (like certain blocks), open the Properties panel in the bottom to change their color.

Color Picker & Reference Images

Using the Color Picker and Reference Images

Click the eyedropper icon next to Block Color, then hover and click to pick a color. It can sample from blocks, overlay/reference images, or the background gradient. If multiple things overlap, the top visible layer takes priority. While hovering a reference image, that image becomes fully visible for easier color picking.

Undo Actions

Undo Actions

Made a mistake? Click the Undo button at the bottom right or press Ctrl + Z to reverse your last action.

Brush Tool

Brush Tool

Use the Brush tool to paint custom solid terrain areas freely. Hold Ctrl + Scroll while using the brush to adjust the brush radius.

Lasso Fill Tool

Lasso Tool

With the Lasso tool, click around to plot out a complex polygon, snapping the shape closed by clicking near the starting point. Then, select any block and click inside the shape to seamlessly fill it!

Text Tool

Text Tool

Select the Text tool, click on the canvas, and type your message. Press Enter to convert your text into a selection. Then use an object to fill it! IMPORTANT: Make sure the block you use to fill it is small enough.

Grid Tool

Grid Tool

Select the Grid tool and Left Click any placed block to lock the world grid to its position and rotation. Right Click anywhere to clear the active grid.

Using Layers

Using Layers

Use the Layers panel on the right to organize your level. Objects in a layer move together and share the same depth. You can add, duplicate, delete, and switch between layers to manage complex designs.

Convert Reference Images To Blocks

Converting Reference Images To Blocks

Right click a layer to open layer actions. Every layer supports duplicate, rename, and delete. If the layer is a reference image layer, you will also see Convert To Blocks. Clicking it opens a panel at the top with a resolution slider, live preview, and estimated object count. Higher resolution creates more, smaller blocks. Press Convert to generate colored blocks from the image.

Level Boundaries

Level Boundaries

The colored dotted lines visually represent the death barriers for the ceiling and floor. The large checkerboard pattern indicates the Finish Line flag for your level. The green dotted line indicates the floor.

Level Settings

Settings

Click the gear icon to modify core level mechanics such as game speed, gravity intensity, background gradients, and camera logic.

Exporting Your Level

Export JSON

Once your masterpiece is finished, click the Export button. Copy the generated JSON code and paste it into r/honk to play it!