This example illustrates how to control OAM files exported from Adobe Edge Animate using scroll effects. In this sample, the page is filled with a vertical gradient that begins with a light turquoise color and transitions to a dark blue.
A combination of settings applied in the Motion and Edge Animate tabs create this animated effect.
Three instances of the same OAM file are placed side by side horizontally, to create a row of animated compasses. When you view the sample site in a browser, all three compasses move up into view and then stay in position. Each of the three compasses appears to spin at different rates> However, it is the settings in the Scroll Effects panel, not the construction of the Edge Animation file, which cause them to revolve at different speeds.
Follow these steps to create a similar effect with three placed OAM files:
- In Design view, choose Page > Page Properties. Set the Min Height field to a much larger value. In the site example, the minimum height of the page is set to 7465 pixels.
- Select all three instances of the compass on the page. In the Motion tab of the Scroll Effects panel, you can see that all three OAM files have the same key position and motion settings, because all of the values are displayed.