| | E-Learning Solutions (Content & Assessment Authoring) RapidSVG™ v2.0 Professional Features and Benefits (At a Glance ...) | Highlights of RapidSVG™ v2.0 Professional include: | Page 2 of 4 | - Source Code Editor - For more advanced users with comprehensive knowledge of SVG, RapidSVG also provides an option for directly editing the source code of each SVG page in the project. This provides an alternate means of editing SVG page content. Using the Edit Source window, the developer may directly edit the source code for the current SVG page. Changes made to the source code are applied to the SVG page once the developer clicks the "Commit Edited Changes" button. Any unsupported changes that violate SVG specifications will be automatically discarded. The developer may also click the " Update Source " button to update the source code to reflect any changes/modifications made directly on the SVG page.
Other features of the Edit Source window include the following:
- Standard text editor options, such as Cut, Copy, Paste, Undo, Redo, Find, and Find and Replace, are included.
- Options for customizing font style, size, and color.
- The ability to add bookmarks and numbered bookmarks to the source code.
- Printing capability (for printing source code to paper).
- The ability to scan and check the source code for syntax errors.
- JavaScript Support - RapidSVG includes JavaScript support. JavaScript commands may be added (through the Source Code Editor) to enhance interactivity and add logic to SVG pages.
- Powerful Animations - RapidSVG uses an intuitive and simple method to create very complex SVG animations. The technology enables the developer to concentrate on creating animations instead of having to learn the SVG and JavaScript syntax. Using RapidSVG's powerful "Add Animation" dialog box , the developer may create ANY type of animation supported by SVG. The developer simply selects an object for which animation is desired, clicks on the Animations tab in the Properties Window , and then clicks the Add Animation button. This action will display a dialog box where the developer selects the desired type of animation and then clicks OK . The animation is now ready with the default start and end times. The developer may edit these start/end time values from the Properties Window or change them from the timeline bar (on the Navigation Bar).
RapidSVG supports the following types of animation:
- Motion Animation - Animation in which an object moves along a defined motion path at runtime. The developer may choose from a list of predefined motion paths provided by RapidSVG. In addition, any shape object (i.e., Line, Rectangle, Ellipse, Polyline, Polygon, or Pencil) may be easily converted into a motion path and saved in a library. These saved motion paths may be applied to other shapes/objects as custom motion animations. Developers may easily add selection/drag nodes to an animation path in order to further customize the length and shape of the path. Nodes may also be removed from an animation path. The developer also has the option of directly editing/altering a selected motion path as desired. The motion path can be curved, or the nodes can be moved to create a curved path or a polyline path.
- Transform Animation - Animation in which selected transformations change the rotation or shape of an object. When this type of animation is applied to an object, it rotates or changes shape at runtime.
- Color Animation - Animation in which the color of an object changes at runtime.
- Property Animation - Animation in which selected properties for an object (e.g., left, top, height, width, roundness, opacity, visibility, etc.) are altered at runtime.
- Animation Editing Capabilities - RapidSVG developers may perform a variety of edit actions to easily customize defined animations, including the following:
- Multiple animations for a single object - The developer has the flexibility to add multiple animations to a single object. For example, an object can move along a motion path , rotate itself, change color, and even change opacity (i.e., go from opaque to transparent or vice versa) in the same time domain.
- Edit animation times - The developer may easily edit the Begin time, End time, and duration of an animation. This may be accomplished by entering values in the object properties window or by manipulating animation timelines on the Navigation Bar. Each object animation created by the developer has a corresponding animation timeline bar shown on the Navigation Bar. The timeline bar shows the duration of the animation. The developer may quickly edit the Begin time, End time, and duration of an animation by clicking and dragging its associated timeline bar.
When a new animation is created, RapidSVG automatically provides default begin, end, and duration times for the animation. The developer may choose to keep these default values or edit them as desired. - Animation trigger events - RapidSVG supports both time-based and event-based methods of beginning or ending an animation. The developer has a variety of options for determining how an animation will be triggered at runtime. The developer may configure an animation to start or end after a certain number of seconds have elapsed, or when a particular mouse click or keystroke action is performed by the end user, or even upon the beginning, end, or repeat of another animation.
- Animation speed control - The developer may specify varying acceleration and/or deceleration speeds for an animation. For a selected animation, RapidSVG's Key Spline Editor illustrates the defined animation speed as a spline (i.e., curved line), which may be manipulated by the developer. By customizing the shape of the spline, the developer may specify an animation speed that alternately accelerates and decelerates. The animation may maintain a constant speed, start slowly and then get progressively faster, start quickly and then get progressively slower, start slowly and then speed up and then slow down again, etc.
| |
