Skip to content

Editor 01 Interface

Jump to bottom Edit New page
Renato Pereira edited this page Oct 26, 2014 · 7 revisions

The Interface

interface

The main components of the interface are:

  1. Nodes panel, where you see the nodes you can use in editor. Drag them to canvas to use.

  2. Properties panel, where you see the node properties (the properties only appear when selecting a single block in the canvas).

  3. Menu bar with mostly commands and options in the editor.

  4. Canvas, where the magic happen. The initial block in the editor is called "root", and represent the tree.

Important: you may be used to see BTs in a vertical tree diagram, where the priority goes from left to right. Here, the BTs are shown in a horizontal diagram, where the priority goes from top to bottom.

Controlling the Camera

Moving

interface

To move the camera, you must click and drag using the mouse MIDDLE BUTTON.

Zooming

interface

You can zoom in and out using:

  • The mouse WHEEL;
  • Menu option View > Zoom In or View > Zoom Out; or
  • Using the keys ctrl + up or ctrl + down

Note: Firefox doesn't recognize the mouse wheel event inside the canvas. Thus, you have to use the alternative methods to zooming.

Add a custom footer

Pages:

Core Guide:

  • [01. Introduction](Core 01 Introduction)
  • [02. Downloading and Setting Up](Core 02 Downloading and Setting Up)
  • [03. General Guidelines](Core 03 General Guidelines)
  • [04. Creating Custom Nodes](Core 04 Creating Custom Nodes)
  • [05. Creating and Using Trees](Core 05 Creating and Using Trees)

Editor Guide:

  • [01. Interface](Editor 01 Interface)
  • [02. Adding and Connecting](Editor 02 Adding and Connecting)
  • [03. Selecting and Moving](Editor 03 Selecting and Moving)
  • [04. Node Properties](Editor 04 Node Properties)
  • [05. Custom Nodes](Editor 05 Custom Nodes)
  • [06. Importing and Exporting using JSON](Editor 06 Importing and Exporting using JSON)
Clone this wiki locally