The 2014 releases of Edge Animate CC includes several new features and enhancements to help you create rich animations faster and easier. Read on for a quick introduction to new features and links to resources offering more information.
Edge Animate CC (2014.0.1 release) | August 2014
The 2014.0.1 release of Edge Animate CC provides a fix to rendering issues on Chrome, which occur due to vendor prefixes, along with a few other bug fixes.
Earlier, Edge Animate generated code for CSS properties along with vendor prefixes to render content appropriately in web browsers. With the Chrome v36 release, the browser gives preference to the default properties without vendor prefixes. This change from the vendor resulted in certain rendering issues in Edge Animate content. The 2014.0.1 release of Edge Animate CC addresses this issue.
If your Edge Animate content that did not render properly in Chrome, republish them after updating to Edge Animate CC (2014.0.1 release).
Edge Animate CC (2014 release) | June 2014
Edge Animate provides an intuitive user interface to let you import HTML5 videos into your compositions.
The video then can be used as part of an overlay and can have other composition elements animate around the video. Also, since the format for the video is native HTML5, it plays on iOS and Android devices as well as in modern desktop browsers.
For more information on using video in your animations, see Add video to animations.
With the 2014 release of Edge Animate CC, you can import sprite sheets to add advanced, multi-frame animations to your Edge Animate compositions.
Sprite sheets let your graphics download faster with fewer HTTP requests. Automatic keyframing of sprites on import saves time by reducing effort spent with manual positioning of frames.
You can import sprite sheets (File > Import Spritesheet) generated in the 2014 release of Adobe Flash Professional CC or any other tool that lets you generate sprite sheets.
For more information on importing sprite sheets into Edge Animate, see Import sprite sheets.
Edge Animate lets you link to your Adobe InDesign or DPS Folio articles using the options on the user interface without writing code. You can create interactive title pages, table of contents, and advanced navigation to target articles and article subsections of your digital publications more easily and quickly.
For more information on linking elements to eBook articles, see Hyperlink elements to eBook articles.
The Actions pop-up window has been redesigned to be more designer-friendly. The enhanced Actions editor reduces the need to code, making it easier to add interactivity and more approachable for designers.
A. Step 1: Pick an action B. Step 2: Pick a target C. Step 3: Edit the code snippet
The new Actions editor visually guides you through the various steps in assigning actions to targets.
- Pick an Action - Actions are now logically grouped into categories. If you know the name of the action, you can search for the action using the search box. Else, pick a category to view the actions in it and click the required action.
- Pick a Target - Targets are grouped under Stage. Click Stage to view the target elements. When you click Stage, you may find a subcategory for Symbols if your composition contains symbols. Double-click the target element.
- Modify the code snippet as required.
If you find portions of code that are reused often, you can save them as snippets and insert them with a single click when required.
In the Actions editor, click '+' adjacent to My Snippets, and then click one of the following options:
Click to enter your own code and save it as a snippet. When you click this options, a code window appears. Type your code, click Save, and then enter a name for the snippet.
Add New From Selection
Click to save the selected portion of the code as a snippet. Enter a name for the snippet in the Actions editor.
In the code window of the Actions editor, click at the location where you want to insert the code snippet. Click My Snippets, and then choose the required snippet from the list that appears. The saved snippet gets inserted at the insertion point in the code window.
With the 2014 release of Edge Animate CC, you can copy (Ctrl/Cmd+C) an illustration in Adobe Illustrator, and paste it (Ctrl/Cmd+V) directly into Edge Animate. No need to save the illustration as an SVG file in Adobe Illustrator and import it through the File > Import option as in the previous versions of Edge Animate. When you paste the illustration in Edge Animate, it is automatically imported as an SVG file.
The 2014 release of Edge Animate CC includes scrolling hand and zooming tools to help you navigate your Edge Animate composition easily.