DRAGRI provides the main window, tool palette, timeline window, and information palette for editing.
The main window displays the canvas that holds the playing image of the content. A video, an image or a drag path is placed on this window.
Below are descriptions of the menu items in the main window.
New | This starts the editing of new DRAGRI content. If DRAGRI is started without specifying a file, it will display new content. |
Open | This opens a DRG file, an image file or a video file. |
Save | This saves a DRG-format file. |
Save As | This saves a DRG-format file under another name. |
Insert | An item in the sub-menu is selected, and a video, an image or a drag path is inserted into the canvas. |
Save as Web Content | This outputs an item of DRAGRI content being edited, in a format viewable with a browser. |
Open Folder | This opens the last directory into which the DRAGRI content was saved. |
Recently used projects | A list of recently opened or saved DRG files is displayed. You can open a file from here. |
Recently stored Web pages | A list of directories containing recently saved items of DRAGRI content is displayed. You can open and re-edit an item of content from here using a browser, or open a folder. |
Exit | This exits DRAGRI. |
Undo | This cancels the last action. |
Redo | This redoes the action canceled by Undo. |
Cut | This cuts a drag path, an image or a video, and saves it on the clipboard. |
Copy | This copies a drag path, an image or a video, and saves it on the clipboard. |
Paste | This pastes an object saved on the clipboard by Cut or Copy into to the canvas. In the case of an image, Copy and Paste from other applications are supported. |
Delete | This deletes a selected object. |
Size/length | This sets the height, width and time length of an item of content. |
Frame reduction | This reduces the number of frames of an item of content. |
Frame reduction in a section | This reduces the number of frames in a section specified by the IN and OUT point markers. |
Current frame |
This changes the method of saving the current frame (the save attribute).
Alternatively, this undoes the above settings of the frame specified by the frame marker. For details, see "Adjusting Image Quality for Each Frame." |
Zoom in | This enlarges the display of the canvas. |
Zoom out | This reduces the display of the canvas. |
Tool box | This displays the tool palette. |
Timeline | This displays the timeline window. |
Information | This displays the information palette. |
Manual content | This displays the table of contents of this user guide. |
Purchase and register license | This allows you to purchase and register your license. |
About DRAGRI | This displays information such as the version number of DRAGRI. |
When DRAGRI is started, the Tool Palette is displayed. The tool palette contains various tools for editing DRAGRI content.
![]() | Play mode | The play mode tool is used to preview the movements of the created content. No object can be moved or transformed. |
![]() | Editing mode | The editing mode tool is used to select, move, and transform the video, image, and drag path in the main window. |
![]() | Insert a video | The video insertion tool is used to place a video on the canvas. Click this button to display the video source selection dialog box, which allows you to select a file or a series of images or a new video sequence captured from a camera.[details] |
![]() | Insert an image | The video insertion tool is used to place an image on the canvas. Click this button to display the file selection dialog box, which allows you to select the image file you wish to place on the canvas.[details] |
![]() | Jump | This tool sets a Jump macro. A button to jump to the OUT point will be placed in the current frame.[details] |
![]() | Autoplay | This tool sets an Autoplay macro. A button to Autoplay between the IN and OUT points will be inserted.[details] |
![]() | IN point | If you click this button, the IN point is set at the current frame. |
![]() | OUT point | If you click this button, the OUT point is set at the current frame. |
![]() | Free curve tool | Allows you to draw a freehand drag path.[details] |
![]() | Rhombus tool | Allows you to draw a rhombus drag path with the IN and OUT points connected.[details] |
![]() | Vertical tool | Allows you to draw a vertical drag path.[details] |
![]() | Horizontal tool | Allows you to draw a horizontal drag path.[details] |
![]() | Inversion tool | This tool switches the IN and OUT points. This tool is used if a drag path has been drawn in the direction opposite to the actual movement. |
The current frame marker (double red vertical lines) on the timeline indicates the current frame.
You can change the current frame by dragging the maker right and left. The video and image in the current frame appear in the main window.
The numerical figure shown at the upper-left corner of the timeline window indicates the current frame by number. The number in [] indicates the total number of frames that will be saved after frame reduction.
There are the following types of save attributes:
For descriptions of each save attribute, see "Adjusting Image Quality for Each Frame."
A layer is a conceptual layer on the canvas. Each time a video, image, or drag path is added, the number of layers increases by one.
You can change the hierarchy of layers by dragging the layers upward or downward.
Upper layers appear in front of lower layers.
The five layers at the bottom of the timeline window are used to set the following events.
Autoplay | This plays the specified frames automatically. |
Jump | This jumps to the frame specified in the corresponding information palette. The specified frame is marked with a red circle. If multiple frames have been set as frames to jump to, the frame which is jumped to will be selected on a random basis. |
Audio | This plays the audio file specified in the corresponding information palette. |
Link | This displays the page of the URL specified in the corresponding information palette. |
Configuration | This sets the direction and the speed of autoplay. |
To set an event, drag a frame to where the event is to be set. A blue band will be displayed. For details, see "Setting Events."
The information palette is used to display and set objects, event attributes and parameters. For details, see the explanation of individual objects and events.