General

The Control Panel runs in a browser. It has been developed for Google Chrome. Other browsers have not been tested, but should also work.

The Control Panel page is served by the Pixotope Director which has launched/created it. In case this Pixotope Director is shut down, the control panel will loose connection and wait for Pixotope to be started up again.

When connection is lost

Header (top)

Editor settings

Make changes to the behaviour and look of the Control Panel Editor
  • Left Perspective - Move the Properties & Variables drawer onto the left side

  • Show Rulers - Show the top and left side rulers

  • Show Toolbar - Show the shortcuts bar on the left

  • Show Drawers on Run Mode - to allow editing even when in Preview Live mode, you can keep the drawers open

  • Theme - Switch to different color themes

Resources library

Add/Remove image resources

Add and remove image resources

Resources are stored in [Project folder]/Content/

Read from send to header

Select which engine to read from, and which to send to

Make sure a level is running to gather its engine content and properties

  • Select one machine to read from using the machine dropdown on the left

  • Select one or more machines to send to by toggling them on

Play/Stop

Toggle between Edit and Preview Live mode

Shortcuts bar (left)

  • Quick access to

    • Toggle draw/select mode

    • Open widget toolbox

    • Save control panel

    • Open control panel

    • Undo/Redo

    • Cut/Copy/Paste/Delete

    • Quick help

Properties & Variables (right)

Exposed tab

Shows all properties (widgets/objects) and variables which had been exposed either from the Editor or in one of the other tabs.

Control panel tab

  • Shows all widgets placed on your canvas

  • Allows to edit all the properties

Engine tab

  • Shows all objects/actors in a level

  • Allows to expose properties

Variables tab

  • Shows all global variables

  • Allows to manage and expose them

Action List (bottom)

  • Left side: Shows all possible actions for all widgets on the canvas

    • Selecting one from here (or double clicking the widget on the canvas) will filter the widgets action on the right side

  • Right side: Allows you to drag & drop a source and target from the Properties & Variables drawer
    OR double click the source field to edit the value directly

Canvas

  • The working area where widgets are drawn. The entire canvas is usable in Edit mode; in Preview Live mode, the canvas will be fixed on the main viewport (the darker portion of the canvas)