Link Search Menu Expand Document

Adding Cubic Curve Segments

A Cubic Curve is a line segment with two end points and two control points that determine the exact curve to be drawn. The image below illustrates an example of a cubic curve.

Two core gestures are available when creating path segments. A Single Tap will add just an end point and Touch/Drag gesture combination will add an end point with a corresponding control point. Since a cubic curve contains two end points and two control points, a cubic curve can only be added by performing a Touch/Drag gesture combination at one point and then by performing a Touch/Drag gesture combination at another point.

For example, complete the following steps to draw a path like the one displayed in the example above:

  1. Select the Path Tool in the Drawing Toolbar.

  2. Touch on a desired starting point on the Drawing Canvas and drag to another location to establish the first control point. The orange handle with the white dot signifies the starting point of the path. The gray circle or “phantom” control point will turn into a control point when a curve segment is drawn.

    A control point is displayed in gray when it has not been used and is referred to as a “phantom” control point. This characteristic provides a hint to the TouchDraw application that it should function as a control point in scenarios where the next drawn segment is a curve. The control point is ignored when a Straight Line Segment is added.

  3. Next, touch on the point within the Drawing Canvas where the segment end point will be and then drag the “phantom” control point outward toward the right and bottom of the Drawing Canvas to create the desired curve. A real control point will be placed exactly opposite (relative to the endpoint) from the current location of the “phantom” control point.

    Performing an Option/Tap combination on any location in the Drawing Canvas alters the position of the “phantom” control point to the selected location. Refer to the Path Tool section to learn more about this action.

  4. Since a path is being created rather than a shape, a Double Tap must be performed on the Drawing Canvas to inform TouchDraw of the completed path.

The next step is to create a shape like the one shown below.

  1. Select the Path Tool in the Drawing Toolbar.

  2. Repeat the steps above to create curve on the bottom of the shape as shown below.

  3. Next, draw the edge on the right hand side of the shape. If a control point exists and a Tap is completed to add a single endpoint, TouchDraw will use the “phantom” control point to create a curve. Enable the Function Key Feature by touching and holding in the empty section of the Drawing Toolbar for ~1 second until it turns red while performing the Tap gesture on the end point location to inform TouchDraw that a straight line should be added. The following screenshot illustrates what happens when the Function Key Feature is not used:

    The following screenshot illustrates what happens when the Function Key Featureis enabled as the Tap is completed.

  4. Next, Tap in the upper left hand corner where the next end point should be.

  5. Finally, to close the path and to create a shape, either Tap on the start point (the orange handle with a white dot) or Triple Tap in the Drawing Canvas.

  6. To set the color, Press on the Fill Button located in the Drawing Toolbar and choose light blue. Refer to the Handling Colors portion of the documentation to learn more about using colors.


Copyright © 2010-2020 Elevenworks LLC. All rights reserved.