Part 2: Create the joystick base

In this part of the tutorial, create the joystick base with skin and planar surfaces.

Watch Part 2 of the tutorial.

Open the tutorial file (optional)

If you successfully completed part 1, you can proceed directly to the next step, Create the base outline curve.

If you were not successful in part 1, open the file called joystick_Part1.wire, located in the wire folder of the CourseWare project. This file contains the completed model from part 1.

Create the base outline curve

First create a rounded triangle shape from a primitive circle.

  1. Maximize the Top view. Choose Layouts > Top.
    Tip:

    F5 is the hotkey for Layouts > Top.

  2. Choose Curves > Primitives > Circle.
  3. Double-click the Circle tool icon. The Circle Options box opens..

    In the Spans box, the default number of sections is set at 12. For this triangular shaped base, nine spans are sufficient.

    Type 9 in the Spans box and click Go.

  4. Turn on grid snapping by holding down the (Windows) or (Mac) key. Click near the origin (where the two dark grid lines intersect) to place the circle at the center of the base.

    A small circle is placed at the origin. The manipulators are shown, but you will not use them for this part of the tutorial.

    Next, scale and reshape the circle to form the base outline.

  5. Choose Transform > Scale. The manipulators disappear.
  6. Make the circle larger.

    Click and drag with the towards the top right corner of the screen. Match the size of the circle to the inside of the base outline, as shown in the following image.

    Tip:

    Use the screen diagonal direction for an increase or decrease in scale. Drag towards the bottom left corner to decrease the scale. Drag towards the top right corner to increase the scale.

  7. Choose Pick > Nothing to deselect the circle.
    Tip:

    Check that the CV shown as a U is at the right side of the circle. If the U CV is at the left, you inverted the circle while scaling. Scale the circle again, being sure to click and drag towards the top right of the screen.

    Now select the three CVs which form the apexes of the triangular base.

  8. Choose Pick > Point Types > CV and click the CV nearest the right side of the sketch.
    Tip:

    As the CVs are small, it is sometimes easier to select them by dragging a pick box around each one.

    The CV is selected and highlighted in yellow.

  9. With the Pick > Point Types > CV tool still active, choose the CV at the top left-hand corner of the sketch by clicking and dragging a pick box around it.

    The second CV is selected and highlighted.

  10. With the Pick > Point Types > CV tool still active, click and drag a pick box around the CV at the bottom left-hand corner of the sketch.

    Check that the three CVs are selected and shown in yellow, and that there are two unselected (red) CVs between each corner CV.

  11. Choose Transform > Scale.
  12. Click and drag with the until the outline shape is matched.

    Next, make the CVs and hulls invisible for the curve.

  13. On the Control Panel, go to the Display section.

    Uncheck CV/Hull.

    The CVs and Hulls for the curve are no longer visible.

  14. Choose Pick > Nothing to unpick the curve.

Create the upper curve for the base

Next, create the upper edge of the side wall, by copying and moving the first curve.

  1. Choose Pick > Object and select the base outline curve that you created.
  2. Choose Edit > Copy followed by Edit > Paste.

    A second curve is created and placed at the same location as the first. This curve is selected and ready to move.

  3. Maximize the Left view. Choose Layouts > Left or press the F6 hotkey.
  4. Choose Transform > Move.
  5. Click and drag with the upwards to move the curve upwards. Avoid picking the original curve by clicking and dragging away from the selected curve.

    Move the curve so it is aligned with the top of the wavy edge of the joystick base sketch.

  6. With the curve still selected, click the CV/Hull checkbox in the Control Panel Display section to turn on the CVs and Hulls.

    The CVs and hulls appear.

    Next, shape the curve in 3D. To be able to see the shape develop, work with all four views on the screen.

  7. Return to the four views. Use Layouts > All Windows > All Windows or the F9 hotkey.
  8. Choose Pick > Nothing to deselect the curve.
  9. In the Top view, choose Pick > Point Types > CV and select the three corner CVs.
  10. Click each CV or drag a pick box over each of them.

    Next, move these CV points downwards in the Left view.

  11. Choose Transform > Move.
  12. In the Left view, use the to move the selected CVs downwards, until the curve matches the shape of the top edge drawn in the sketch.

  13. In the Control Panel, click the CV/Hull checkbox to turn off the CVs.
  14. Choose Pick > Nothing to deselect the CVs.

Create the top curve for the base

Create the small circle at the top of the base, where the joystick handle is connected.

  1. Choose Curves > Primitives > Circle.
  2. Turn on grid snapping by holding down the (Windows) or (Mac) key. In the Top view, click near the origin to place the circle exactly on the center grid point.

    A small circle is placed at the origin, with the manipulator shown.

  3. Scale the circle to match the smaller inner circle on the sketch. Choose Transform > Scale.

    Be careful not to click any of the curves, and click and drag outwards with the .

    Now, move the circle upwards in the Left view.

  4. With the circle still selected, choose Transform > Move.
  5. In the Left view, click and drag with the to move the circle upwards to match the top of the base in the sketch.

    The circle is now in position at the top of the base.

  6. On the Control Panel Display section, click the CV/Hull check to turn off the CVs and hulls for the circle.
  7. Choose Pick > Nothing to deselect the circle.

Create the base surfaces

Next, create the surfaces for the base using the Skin and Planar surfaces surface tools. First, create the side wall of the base using a skin surface.

  1. Maximize the perspective view. Choose Layouts > Perspective or F8.
  2. Choose Surfaces > Skin.

    You are prompted to select the first curve.

  3. Select the first triangular curve you created at the bottom of the base.
  4. Select the second triangular curve as the top edge of the side wall.

    A skin surface is created between the two curves.

    Next, create the surface across the top of the base component.

  5. Choose Pick > Nothing to unpick the skin surface.
  6. Surfaces > Skin is automatically selected. Select the second triangular curve again. The pick chooser offers a choice between the curve and the surface you created. Select the circle.
  7. Now, you are prompted to select the next curve. Click the smaller circle at the top of the base.

    The top skin surface is created between the two curves.

    Next, create the surface underneath the base.

  8. Choose the Surfaces > Planar Surfaces > Set Planar tool.
  9. Select the first triangular curve at the bottom of the base. The pick chooser appears.

    Select the circle curve.

    Click the Go button that appears in the bottom right of the screen.

    A planar surface is created across the bottom of the base.

  10. Choose Pick > Nothing to unpick the planar surface.

Save your work

  1. Choose File > Save As to save the current scene.
  2. Save your work in the wire folder of the Lessons project.
  3. Name your file myjoystick2.wire.