Documentation

Edge Animation

Description

This addon allows users to embed animations and other projects created in Adobe Edge Animate software.

Properties

Property name Description
Animations
  • Composition Class – Composition Class of the animation created in Edge Animate found in the Stage properties.
  • edge.js – If Edge project is saved as “Project1”, then you have to upload the "Project1_edge.js" file.
  • edgeActions.js – If Edge project is saved as “Project1”, then you have to uploadthe "Project1_edgeActions.js" file.
Images
  • Animation Item Number – provide the animation number from the Animations list.
  • Edge element IDs (csv) – the list of Egde elements or symbols that will use the image provided in the next property field. Element names have to be comma separated, e.g. "head,eyes,nose,mouth". If the element is inside a symbol, e.g. element "eyes" is within a symbol "head", the full name has to be "head_eyes". The same rule applies to all nested symbols, e.g. when the element "pupil" is within a symbol "eye" which is inside a symbol "head", then the full name should be "head_eye_pupil".
  • Image File – a file in the Internet browser supported by a file type that will be used as a background or a "src" attribute of all elements provided in the previous property.

    This property allows online resources. Find out more »

Initial Animation The item number of the initially displayed animation.

Supported commands

Command name Params Description
switchAnimation item Changes the visible animation to the one with the item number provided as a parameter.
getEdgeComposition --- Returns current Edge animation’s Composition Object and all its methods.
getEdgeStage --- Returns current Edge animation’s Stage Object and all its methods.
play position Starts the animation and all nested symbols from their current position or from the position provided as a parameter.
stop --- Stops the animation and all nested symbols at 0.
pause position Stops the animation and all nested symbols in their current position or in the position provided as a parameter.
show --- Shows the addon.
hide --- Hides the addon.

Events

Edge Animation addon does not send events.

CSS classes

Class name Description
.edgeMultiAnimWrapper Main class containing the entire Addon's content.

Styles from a sample presentation

EdgeAnimation_test{    
    background: #ffffff;    
    padding: 2px;    
    border: 1px solid #bbbbbb;    
}

Demo presentation

Demo presentation contains examples of how to use the Edge Animation addon.