Canvas Editing Mode

Navigation:  Pandoras Box > User Interface - Master > Tabs Overview > Preview >

Canvas Editing Mode

Previous page Return to chapter overview Next page



This chapter explains the Canvas Editing Mode of the Preview which allows you to use content as a drawing background which allows for example to draw masks directly in Pandoras Box. For other topics regarding the Preview tab please see the introductory chapter.

If you like to draw in your Preview you first have to create a Canvas Asset. To do so, right-click in the Project tab and choose "Add Canvas", save the new Canvas and assign it to a Layer. In case you like to use the Canvas as a mask, make sure to assign it to a Layer overlaying all other Layers, e.g.:
- use the last Layer in the render order before the Camera
- toggle the Layer into the Output render pass only

Alternatively you can right-click on any image file already part of your project and choose "Create Canvas from Image". This is of special interest in case you fine-tuned a mask with third-party software and want to re-import the Canvas. To export it initially, right-click the Canvas and choose "Export".

In case you like to change the Canvas size, please go to the Canvas Inspector.


To draw on the Canvas, go to the Canvas Editing Mode and make sure that the Editing Context (highlighted above in orange) is set to the Layer your Canvas is assigned to. Now you can pick the Brush or Flood tool and draw on the Layer. There are various other tools that let you choose the color or brush softness for example. With the Erase tool you can turn pixels transparent again.
To draw a straight line click once with the brush tip and hold the [SHIFT] key when clicking the second time.

The Drawing Canvas can also be used for a more creative application, e.g. to draw onto a facade or other 3D object. As for most interactive applications, the Widget Designer is of great help. Please see the chapter about the "Layer UV Draw to Canvas" node.

device-tree_editing-context-onNote that in the Device Tree, the Layer that is picked as the Editing Context is marked with the Editing Context icon.
device-tree_editing-context-offIn case you delete the Canvas from the Layer whilst the Editing Context is still referring to it, the Layer will be marked with a small red dot.

To export the mask as a *.png file, right-click on the Canvas and choose "Export".

The next chapter explains the Mesh Editing Mode.