The ScrollMotion object displays an interactive image sequence that is controlled by touch.
- Click the ScrollMotion icon on the Design Panel
The Media Library displays.
2. 1. Select a group of image files from the Library for the ScrollMotion and click OK.
2. Click Upload to upload new files and then select a group of images for the ScrollMotion.
The ScrollMotion Properties Panel is activated.:
Under Attributes In the ScrollMotion Properties Panel:
3. Click Select file.
The Media Library displays the list of uploaded images.
4. Choose the image files for the ScrollMotion and click OK.
5. Select the Start Image from the drop-down list.
The Start Image is the name of the image in the sequence that will be visible when the ScrollMotion first appears.
6. Select the Swipe Direction: This determines whether the user will swipe horizontally or vertically to control the animation.
Horizontal is selected by default.
7. Select the Frame Order: This determines whether frames will move forward or backwards (reverse) when the user swipes
left to right.
- Forward: User swipes left to right (or up from the bottom). Selected by default. .
- Reverse: User swipes right to left (or down from the top).
8. Check Loop to be able to continuously swipe back and forth without reaching a stopping point.
9. Select Autoplay to cause the ScrollMotion to play as soon as it appears at a specific speed and for the number of times
- Frames/Sec: Select the number of frames to display per second.
- Repeat: Select the number of times for the ScrollMotion to repeat
Note: While on Autoplay the ScrollMotion frames cannot be swiped.
Under Advanced In the ScrollMotion Properties Panel:
10. Select Settings for the following:
- Momentum: The rate at which the motion will slow to a stop. A higher momentum brings the motion to a stop more quickly. A lower momentum takes longer. A momentum of zero will not stop moving until the user touches the ScrollMotion again.
- Sensitivity: The speed at which the frames move relative to the distance of the user's movement. Frames will advance more quickly when sensitivity is higher, and they will advance more slowly when it is lower.