Ai Editor

by amecolli

AI editor for the ASPIR project

( Crawled 29 minutes ago )
+

AI Editor for ASPIR (In Progress)

UI for the ASPIR project to facilitate intuitive creation of AI personality

Dependencies

Manual

Change the View of the Graph Editor

  1. Zoom in/out:

    Use scroll wheel of the mouse to zoom in or out of the graph in view.

  2. Panning:

    Click on the empty space of the graph editor window with right mouse button and drag to pan the graph in view.

Create a Node

  1. Add a node to graph editor:

    Click on the leftmost button with a "+" sign on top of the screen.

  2. Select a node in the graph editor:

    Make sure the node to be selected is completely visible. Click with left mouse button and drag. Note the node will turn yellow if it is successfully selected.

  3. Moving a node in the graph editor:

    Make sure the node to be moved is selected. Drag it to where you want with left mouse button.

  4. Deselect a node in the graph editor:

    Release the mouse button or click anywhere outside the node to be unselected with left mouse button to unselect it.

Create a Connection Between Nodes

  1. Establish a connection between two nodes:

    Click on the second leftmost button with a "]---[" sign on top of the screen. Then, drag to cover the two nodes that you wish to establish a connection inbetween. As soon as you release the mouse, if the connection is valid (i.e. the ends are valid nodes), a line will be drawn between the two nodes with a handler/selector in the middle.

Edit Property of Node

  1. Open Property Menu:

    Click on the node you wish to edit with left mouse button. The node will turn blue and property menu will load its properties on the left side of the screen. You will then be able to edit the properties in the menu.

  2. Edit Node Name:

    Once property menu is opened, click on the field beside "Name" and edit the name for the selected node.

  3. Edit Node Position:

    Once property menu is opened, click on the field beside "X" and edit x-coordinate for the selected node. Similarly, click on the field beside "Y" and edit y-coordinate for the selected node.

  4. Edit Face Property of Node:

    Once property menu is opened, click on the button beside "Face" and select the face for the selected node. The selected face can be previewed on the top right corner of the screen.

  5. Edit Image Property of Node:

    Once property menu is opened, click on the field beside "Image" and edit the path/URL to the image you wish to display on the robot's face. The supported image formats are PNG, JPG, BMP, TGA and GIF, which plays over the robot face for 5 seconds, or for the duration of the GIF. The effect can be previewed on the top right corner of the screen. If it is left blank, no image will be displayed.

  6. Edit Speech Property of Node :

    Once property menu is opened, click on the field beside "Speech" and edit the text to be converted to speech and said aloud. If it is left blank, nothing will be pronounced. NOTE: "Speech" property currently supports English only, and it uses audio source of the local machine that the program is running on.

  7. Edit Gesture Property of Node (NOT YET FUNCTIONAL):

    Once property menu is opened, click on the button beside "Gesture" and select the gesture of the robot for the selected node. As of now, only the name of the gesture will be logged in the Console, and no physical action will be produced. If No Gesture is selected, the robot will not do anything.

Edit Property of Transition

  1. Open Property Menu:

    Click on handler/selector in the middle of the connection(transition) you wish to edit with left mouse button. The selector will turn red and property menu will load its properties on the left side of the screen. You will then be able to edit the properties in the menu.

  2. Edit Transition Name:

    Once property menu is opened, click on the field beside "Name" and edit the name for the selected transition.

  3. Edit Transition Ends:

    Once property menu is opened, click on the field beside "From" or the field beside "To" to change the two nodes that the selected transition is connecting. Note that the transition can only go from the "From" Node to the "To" Node but not the other way around.

  4. Edit Keypress Property of Transition :

    Once property menu is opened, click on the field beside "Key" and select the keypress value for the selected transition. When the file is running, the transition will be activated when the defined key is pressed. If it is left blank, its behavior will not be affected by any key press.

  5. Edit Mousepress Property of Transition :

    Once property menu is opened, click on the button beside "Mouse" and select the mousepress value for the selected transition. When the file is running, the transition will be activated when the defined mouse button is pressed. If None is selected, its behavior will not be affected by any mouse press.

  6. Edit Timer Property of Transition :

    Once property menu is opened, click on the field beside "Timer" and edit the number for the selected transition. When the file is running, the transition will be activated after the amount of time defined by this property in seconds. Note that the timer starts only when the node on the "From" end of the transition is reached.

Save and Load AI Files

  1. Save the Current Graph as an AI File:

    Click on the third button in the toolbar with a "S" sign on top of the screen. A file browser window will pop up, and you can navigate to a folder you like and save the graph in view as an AI (.aiai) File with a name you like.

  2. Load a Saved Graph from an Existing AI File:

    Click on the fourth button in the toolbar with a "L" sign on top of the screen. A file browser window will pop up, and you can navigate to the folder containing the AI file you would like to load and choose the specific AI (.aiai) file. CAUTION: As this action will erase everything currently in the Graph Editor area, please save you work if desirable. In the future, this will be implemented as a warning when an AI file is about to be loaded.

Play an AI File

  1. Play an AI File:

    Make sure the file(graph) you wish to run is visible in the graph editor (You may wish to load an existing AI file). Then click on the button with a ">" sign on top center of the screen. The file will always be played from the "Begin" Node, and the Node currently on focus will glow green. NOTE: You will not be able to edit the file, including adding nodes/transitions, save/load files, or edit individual node or transtion once the file starts running.

  2. Stop an AI File:

    Click on the button with a "| |" sign on top center of the screen. The file will no longer be running.