The latest update to the 2014 release of Edge Animate CC includes publishing and runtime changes that facilitate lesser number of downloads and smaller payload size. This update also provides you more control on asset organization. Read on for a quick introduction to these changes and other enhancements.
Runtime size reduced by 55%
The earlier versions of Edge Animate runtime used to depend on jQuery internally. jQuery was always added as a dependency in your composition irrespective of whether you are actually using any of the jQuery APIs or not. This dependency is removed in the latest Edge Animate Runtime, which means a smaller payload size and reduced number of downloads required for running your compositions.
The requirement for a separate preloader js too is removed in this release. Edge Animate now generates a single js file for your composition, which contains the entire DOM and your complete code in the Edge Animate composition.
Compositions created using previous versions of Edge Animate are automatically upgraded when you open them with this build. The upgraded composition along with the associated files is saved in a separate folder under the root of the project folder.
For example, if the previous composition is in the /user/MyProject folder, the upgraded composition will be in the folder /user/MyProject_upgraded. Assets that are directly referenced in the composition are automatically copied to the upgrade folder. You may need to manually copy the rest of the assets that are not directly used in the composition (for example, additional CSS files, assets used only through scripts).
Also, due to new runtime changes described below, any jQuery dependencies in the previous compositions are added as user scripts to the Library in the upgraded composition.
Note: Since the new runtime does not depend on jQuery anymore, you can try deleting jQuery from your compositions and test them, if you are not using any of the jQuery APIs.
Removed dependencies on third-party libraries
The Edge Animate runtime no longer requires jQuery to run your compositions. However, you can still use a few jQuery APIs that are made available in Edge Animate. For more details, refer to the Edge Animate API reference.
Save your images, media, and scripts to custom folders
Edge Animate now lets you specify additional file paths to enable you to target required folders for each type of asset while publishing your compositions to Web. Since you can specify a relative path for your assets now, you can share your assets across multiple compositions easily.
The file paths are relative to the target directory. If you type in an absolute file path or use the browse button to target a folder in a different drive (other than that of the target directory), an error is displayed.
Changes to Save As dialog box
In the earlier versions of Edge Animate, when you save a composition, all html, js files and the assets are saved in the same directory. If you save multiple compositions in the one folder, mapping the assets to the respective compositions becomes difficult.
In this release of Edge Animate, the Save As dialog box includes a new option, Save In A Folder, which is selected by default for unsaved compositions. So, by default your compositions are now saved in a separate folder with the name of the composition, along with the related files and assets.
In the Save As dialog box, if you select a folder using your mouse or keyboard, and if the Save In A Folder option is selected, a subfolder is created under the previously selected folder.
New preloader option
To reduce the number of downloads, the preloader DOM is directly included in your composition's HTML. However, if you want the preloader DOM to be a separate js file, enable the option - Publish Preload DOM As A Separate File in Publish Settings as shown below: