DRAGRI User Manual

go to index>>

Setting Details of a Drag Path




Drag path information palette

Various settings for a drag path are controlled using the drag path information palette, which is displayed when the drag path is selected.




Arrow

Set whether to display an arrow for a set drag path.

Ticking [<=] puts an arrow at the starting point of a drag path.

Ticking [=>] puts an arrow at the end point.

Ticking [Auto] automatically displays an arrow based on the relationship between the current frame and IN/OUT point of the drag path.

Depending on the setting of the drag path, the arrow may not match the sequence of a video. Use [Auto] with care.




Bezier curve

Ticking [Bezier curve] makes the polygonal line of the drag path into a smooth curve.




Setting an active area

Specifying a numeric value in pixels in [Active area] (set the distance d in the figure) sets the active area for a drag path.

When the active area is set, a gray area appears around the drag path. A video can be operated only when the mouse cursor is positioned in this gray area.

When [None] is set, the entire content becomes the active area.

If you tick the [Handle as reference] box, the circular area of a certain radius (d) from the handle becomes the active area.

Normally, the active area need not be set. [Active area] is used if multiple drag paths are involved or if you wish to match the active area to the shape of an image.




Three states of a drag path

A drag path takes on one of three states depending on the position of the mouse cursor.

Normal state

This is the state when the mouse cursor is outside the DRAGRI content, or outside an active area if the active area is set for the drag path.

Rollover state

This is the state when the mouse cursor is inside the active area for the drag path. If [None] has been specified in the active area for the drag path, and if the mouse cursor is anywhere inside the DRAGRI content, then the state becomes the Rollover state.

Click/Drag state

This is the state when the mouse button is being pressed (for a click or drag).



Line width and color

In all three states of a drag path, you can specify the line width and line color of a drag path.

To specify the line width, enter a value in [Line width]. If you specify [None], then no line is displayed.

To specify the line color, click the [Color] button, and use the palette that will pop up to select the color.




Displaying an image instead of a drag path

Instead of a drag path, you can display an image. A different image can be displayed for each of the three states of a drag path.

  • Normal state
  • Rollover state
  • Drag state

To place an image, click one of the [...] boxes and specify an image file in the file selection dialog. Supported file types are .jpg, .gif and .png.

The transparency effect can be used only for the completely transparent part of the GIF file and the alpha channel of the PNG file.

The position and size of the placed image are displayed in the drag path information palette. These values are common to the three states. In other words, the positions and sizes of the three images to be placed in the three states will be exactly the same.

To cancel the settings of the images, click the [x] button.

Normal state (when the cursor is outside the DRAGRI content)
Rollover state (when the cursor is inside the DRAGRI content)

Rollover state (when the cursor is inside the DRAGRI content) In this example, an image is set so that it is not displayed while the cursor is being dragged.




Using a grabbed image

You can display a specified image at a specified position on a drag path.

To insert a grabbed image, click the [Add] button, and specify an image file in the file selection dialog. Supported file types are .jpg, .gif and .png.

The transparency effect can be used only for the completely transparent part of the GIF file and the alpha channel of the PNG file.

Checking [Always On] displays a grabbed image regardless of which frame is the current frame.

Animating a grabbed image

When multiple grabbed images are set, they are played in the order in which they are set to produce an animation effect. Grabbed images are switched at intervals of 300 ms (0.3 second).

From the pull-down menu at the lower right of the palette, you can specify how a grabbed image is displayed when it is being dragged.

Fixed

The grabbed image moves as is, following the movement of the mouse cursor.

Left-right flip

If the grabbed image moves from right to left, the image is displayed as is. If the grabbed image moves from left to right, the image is flipped so that the right and left sides of the image are reversed.


Revolve

The grabbed image revolves as it moves along the drag path.




Changing settings so that a drag path can move to another drag path while it is being dragged.

When there are two or more drag paths, one path has the focus and monopolizes the mouse input.
Therefore, while the mouse button remains pressed, the viewer normally cannot move from the end of one drag path to another. However, as described below, you can allow this to happen.

When you click a drag path from which you want to allow the viewer to move to another drag path, while pressing the CTRL key on the keyboard, the path changes to black. If you click the path once again, the path returns to red.

A black path indicates that the focus on the path has been released. If a grab image is on a black path, the viewer can move to another drag path while the grab image is being dragged. The focus is set if the path is red.


Click the path while pressing the Ctrl key.


You can move from path A to path B while pressing the mouse button (arrow (1)).
Since the line from path B to path A is not black, the viewer cannot move while pressing the mouse button (arrow (2)).
NTT Advanced Technology Corporation