Documentation Center

Viz Artist

Version 3.10 | Published May 03, 2018 ©

2D Ribbon

images/download/attachments/27788946/viz_icons_2dribbon.png
The 2D Ribbon is a curved strip. It is ideal to make customized curves to symbolize, for example, frontiers on a map or similar. The way the object is curved is easily edited in the 2D Ribbon property editor. It is possible to enable inter activity so that counterpoints of the ribbon can be dragged with the cursor.

Note: This plug-in is located in: Built Ins -> Geom plug-ins -> Default

images/download/attachments/27788946/plugins_geometries_2d_ribbon_editor.png
The 2D Ribbon can be used in Ribbon (1), Filled Area (2) or Double Outline (3) modes:

images/download/attachments/27788946/plugins_geometries_2d_ribbon_modes_anno.png
This section contains the following topics and procedures:

2D Ribbon Properties

The properties of the 2D Ribbon plug-in are different for each selected mode:

Ribbon Mode Properties

images/download/attachments/27788946/plugins_geometries_2d_ribbon_ribbon_param.png

  • Use LOD: Enable or disable the dynamic Level of Detail (LOD)

  • Geo: TBA

  • Working Mode: Available modes are Ribbon, Filled Area and Double Outline. Default is the Ribbon mode.

  • Number of Control Points: Sets the number of control points along the ribbon (when Slave mode is set to off)

  • Resolution: Defines the number of subdivisions to polygons between the control points.

  • Closed Curve: Creates a closed a curve like a circle. The forward end touches the backward end.

  • Constant Width:

    • Set to on: Any width modification is along all of the 2D Ribbon

    • Set to off: Any width modification is around the nearest Control Point

      Note:Preserve Constant Width While Possible is not available when this is selected.

  • Add Caps: When set to on shows the Begin and End cap parameters. When set to off the Begin and End caps are removed, even if they are set to on in the two parameters:

    • Begin Caps: Set to on to apply a cap at the start of the 2D Ribbon. Also set the resolution of the start cap

    • End Caps: Set to on to apply a cap at the end of the 2D Ribbon. Also set the resolution of the end cap

  • Preserve Constant Width While Possible: Set to on to make the 2D Ribbon try and maintain its set width when modified (available when Constant Width is set to off).

  • Interactive Mode: Enable or disable the interactive mode of direction manipulation with the cursor:

    • Editing Range %: Sets the amount of ‘effect’ the movement of one point (move with <Shift>) should have on the neighboring points

    • Editing Mode: When moving a point, press <Shift> to move the other points simultaneously. How the points move depends on the editing mode that is chosen, Constant, Linear or Exponential

    • Constant: The other points will move their positions exactly equal to the one you move

    • Linear: The other points move in a linear way, based on the distance from the point that is being moved

    • Exponential: The other points move in an exponential way, based on the distance from the point it is being moved

  • Reset Options: Set the 2D Ribbon to initial values for the Control Points and ribbon size. Changed values of Ribbon Length and Ribbon Width take affect after images/download/attachments/27788946/plugins_geometries_reset_button.png has been clicked

    • images/download/attachments/27788946/plugins_geometries_reset_button.png Reset: Reset all created curves but does not delete the existing control points.

  • Texture Options: Set to on for 2D Ribbon Texture options:

    • Texture Direction: Shows the texture in different directions. For example, if a pointer right-shows used as texture, the pointer shows to the right side if the Horizontal option is activated. Otherwise to the left side if the -Horizontal option is set. Same for the Vertical and -Vertical option. The rendered pointer shows to the top or to the bottom side.

    • Texture Head Location: Moves the texture either to top or bottom direction

    • Texture Length: This option stretches the texture

    • Use Texture Factor: Set to on to enable the texture factor parameter

  • Rotate Around X Axis: Set to on to rotate the created 2D Ribbon around the X axis

  • Show Spline: Set to on to show the spline of the 2D Ribbon

  • Use Progressive Visualization: When set to on the activated parameters will affect the rendering:

    • Progress Mode: Select from two options, By Length and By Control Points. Slices the curve in the x-direction by length or by the control point index

    • Path Position: Limits the workspace so there are less control points to prepare

  • Render Bumps: The curves are top-barbed which is useful for weather broadcasting

    • Warm: Gives a rounded edge to the bumps

    • Cold: Gives a sharpe edge to the bumps

    • Occluded: Gives alternate Warm and Cold bumps

  • Slave Mode: To have two ribbons where one acts as the master and the other as the slave. The slave ribbon uses the Number of Control Points and Resolution set for the master.

  • Show Control Points Values: Enable the manipulation of the Control Points in the render window. X, Y, and W values set the X/Y position and the width of the curve at the different Control Points. These values are typically be changed when edited directly in the Scene Editor.

Filled Area Mode Properties

images/download/attachments/27788946/plugins_geometries_2d_ribbon_filled_param.png
For details see Ribbon Mode Properties.

Double Outline Mode Properties

images/download/attachments/27788946/plugins_geometries_2d_ribbon_double_param.png
For details see Ribbon Mode Properties.

To Create a 2D Ribbon

  1. Add the 2D Ribbon plug-in to the Scene Tree.

  2. Set Interactive Mode to on.

  3. Set the Number of Control Points.

    Note: This number can be changed at any time. New points are distributed along the already defined ribbon (2).

  4. Open Reset Options:

    1. Enter (estimate) the Ribbon Length and Ribbon Width (enter a new figure and press <Enter>).

    2. Click images/download/attachments/27788946/plugins_geometries_reset_button.png to activate the settings.

  5. Toggle the Constant Width, as required.

  6. Position the 2D Ribbon in the Scene.

    Note: If the 2D Ribbon is to be on some horizontal plane, it might be easier first to edit it in the default orientation, and afterwards rotate it to the right place. There is no problem to continue work on it after the rotation has been made, but because of the perspective, it might be less straightforward.

  7. Click the images/download/attachments/27788946/workbench_button_e.png (Events) button in the Scene Editor.

  8. Modify the 2D Ribbon shape, either:

    • Use the mouse cursor to modify the Control Points. Click on or near the Control Point. The selected control point will show yellow (1)

    • Left button: Click and drag the nearest Control Point

    • Right button: Modify the 2D Ribbon width

      Note: If the Container, which contains the 2D Ribbon plug-in, is selected, and Interactive Mode is set to on, one Control Point is always active.

      or

    • Set Show Control Points Values to on. Modify the Control Points as required.

      images/download/attachments/27788946/plugins_geometries_2d_ribbon_create_anno.png

  9. Set the Resolution. For best performance set the resolution as low as possible, but high enough to guarantee a smooth enough look in the corners of the 2D Ribbon, and also a smooth enough mapping of the image/texture on the 2D Ribbon.

  10. Choose an image and drag it on the 2D Ribbon. Open the Image texture editor and set:

    • Mapping to Vertex

    • Wrap to Clamp

  11. Map the image more accurately on the 2D Ribbon. Set Texture Options to on:

    1. Set the Texture Length as required.

    2. Set the Texture Direction as required.

    3. Set the Texture Head Location to see the texture flowing along the 2D Ribbon.

      images/download/attachments/27788946/plugins_geometries_2d_modified.png

  12. This is a good point to review again all set parameters.

  13. Define an animation, if required. Typically with the 2D Ribbon the animation will be just on the Texture Head Location.

    IMPORTANT! While defining an animation on the parameters of a 2D Ribbon, make sure that the right window is open in Viz Artist. Without it the changes that are made with the cursor will not take effect, with regard to the animation.

2D Ribbon Tips

  • It is sometimes useful to work with 2D Ribbon with use LOD set to on.

  • If you have a texture with alpha, to see it correctly set the image to off with the small enable/disable button near the image icon.

  • When finished with the creation of a 2D Ribbon, make sure that Interactive Mode is set to off

  • When the 2D Ribbon Interactive mode is set to on, and the Scene Editor images/download/attachments/27788946/workbench_button_e.png is active, it is not possible to select another object with the cursor in the Scene Editor. To select another object make sure that Interactive mode is set to off and the Scene Editor images/download/attachments/27788946/workbench_button_e.png is inactive

  • Animation on the 2D Ribbon is quite heavy on performance. Try to keep the number of Control Points and Polygons as low as possible.

  • When a texture is used with a 2D Ribbon, make sure that, along the flow direction, on the texture edges there is a clean line with alpha equal to 0. If not there will be a wake of the image edges in front or behind it.

  • Do not change the number of Control Point along an animation. It is possible, if necessary, to change the resolution number.

  • While defining an animation, make sure to remove from it, if necessary, the toggle values of Show Control Points, Interactive Mode and so on.

2D Ribbon Known Limitations

  • When you have in the scene a 2D Ribbon, by choosing an object in the Viz Artist Scene Editor, the Viz Artist user interface is not updated automatically.

  • While copying a 2D Ribbon, to make it work in the interactive mode, it is necessary to save the scene first.

  • If the texture coordinates on a Control Point are close to or outside the [0,1] range, artifacts may show. Keep it within the [0,1] range.

See Also