Graphics Reference
In-Depth Information
Except for the file with file extension .an, all files are needed for playback of
the composition. The file to start the composition is MyProject.html. If you load
this file into the browser, the other JavaScript files are loaded as well, and the
composition is played back. While the JavaScript files in the first row include
the specific project information, the so-called Edge runtime file is contained in
the subfolder /edge_includes. This runtime file contains all the code and com-
mands (API) needed to play back the animation. The runtime files are always
the same, regardless of the project, and should not be modified in any way. The
above-described jQuery is also part of the runtime file, meaning that this file is
automatically available in every Edge Animate project.
Theoretically, you can upload the project folder to a web server as is, but this
is not recommended since these files are not yet optimized for live use. Rather,
Edge Animate offers you various publishing options that optimize the files for
different scenarios.
2.6.5 How Code Behaves in Edge Animate
Edge Animate functions in a non-obtrusive manner by accessing and changing
existing source code as little as possible. This is a big advantage, and something
many web developers greatly appreciate. Many authoring tools with a WYSIWYG
interface (such as Adobe Dreamweaver) generate a lot of source code that often
does not meet web developer expectations for formatting, scope, and quality,
and partially interferes with hand-written code. This is not the case with Edge
Animate. All animation information is stored in separate JavaScript files and
not mixed in with the rest of the website. For example, if you animate an exist-
ing website with Edge Animate, the external animation data is loaded as one
JavaScript file into a single block of code. It is loaded into the head section of the
HTML document. The syntax is as follows:
<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8"
src="MyProject_edgePreload.js"></script>
<style>
.edgeLoad-EDGE-172400391 { visibility:hidden; }
</style>
<!--Adobe Edge Runtime End-->
In addition, the existing source code is not modified except for the addition of
CSS classes to identify the new elements. This means that after editing in Edge
Animate, you can work with the HTML document as usual with any authoring
tools.
 
Search WWH ::




Custom Search