Login Register

Documentation

Edge Animation

Description

The Edge Animation module allows users to embed animations and other projects created in Adobe Edge Animate software.

Properties

The list starts with the common properties. Learn more about them by visiting the Modules description section. The other available properties are described below.

Property name Description
Animations
  • Composition Class - Composition Class of the animation created in Edge Animate, found in the Stage properties.
  • edge.js - if the Edge project is saved as “Project1”, then you have to upload the "Project1_edge.js" file.
  • edgeActions.js - if the Edge project is saved as “Project1”, then you have to upload the "Project1_edgeActions.js" file.
Images
  • Animation Item Number - provide the animation number from the Animations list.
  • Edge element IDs (csv) - the list of Edge 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 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.
Narration Narration for the 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 the current Edge animation's Composition Object and all its methods.
getEdgeStage --- Returns the current Edge animation's Stage Object and all its methods.
play position Starts the animation and all nested symbols from their current position or 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.
hide --- Hides the module if it is visible.
show --- Shows the module if it is hidden.

Events

The Edge Animation module does not send events.

CSS classes

Class name Description
.edgeMultiAnimWrapper Main class containing the entire module'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 module.