Activities/XoEditor

About xoEditor

xoEditor is an activity that can be used to create different color combinations for the XO icon at the heart of the Sugar interface.

Version 1 is available for download at the Sugar Activity Library. An introductory video is available here.

Note: In Version 1, there is no way to save your results.

Sugar Labs tickets

Using xoEditor

You launch xoEditor from the Home View by clicking on the activity icon. Once the activity has opened, you'll see an XO icon in the center of the screen surrounded by colored circles. The circles are color "stroke-fill" combinations. By clicking on a circle, the XO icon takes on those colors.

In the upper-left corner of the screen are additional circles that allow you to change the relative value (lightness or darkness) or polarity (stroke vs fill) of the colors. By clicking on any one of these circles, all of the circles change.

In the upper-right corner of the screen are boxes that represent different background colors for the screen. By clicking on any of these boxes, the background color of the screen changes to match the color of the box.

In the lower-right corner, there is an XO icon, a box, and a circle. By clicking on the XO icon, you restore the shape of the icon (See below). By clicking on the box, the color circles rearrange themselves in a grid. By clicking on the circle, the color circles rearrange themselves in circles.

Editing the XO icon

You can also use xoEditor to change the shape of the XO icon. By moving the cursor onto the XO icon in the center of the screen, draggable "knot-points" are revealed. By moving these points, the shape of the icon is changed. As noted above, by clicking on the XO icon in the lower left of the screen, the original shape is restored.

Note: In Version 1, there is a mismatch between the screen coordinates and the position of the knot points, so this feature is difficult to use.