Canvas

The canvas is a two-dimensional surface where the bot script is laid out in J‑Graph. It extends infinitely both horizontally and vertically.

Canvas actions

tip

You can work with the canvas using a mouse or a touchpad.

Action	Mouse	Touchpad
Move around the canvas	Click and hold down the left or middle mouse button on any unoccupied space, then move the cursor.	Double-tap the touchpad on any unoccupied space and drag your finger without lifting it.
Zoom in or out	Use the mouse wheel.	Pinch your fingers or scroll up and down using two fingers.
Create a new state or sticky note	Click the right mouse button.	Tap the touchpad using two fingers.

Control panel

The control panel in the top left corner of the canvas contains the following buttons:

Button	Action
	Open the search panel.
→	Export the script as a PNG image. The image will contain every element in the current level against a transparent background.
	Save or discard the changes made to the script.
	Create a new state.
	Create a new sticky note.
	Go to the theme level.
	Create a new theme. The action is available on the theme level.
	Open the Script structure panel.
	Automatically arrange the script states or themes on the canvas. Two layout algorithms are supported: The default layout uses the dagre library. The alternative layout uses the elkjs library.