Finally bought Saola, now neeed help learning

Problem: I finally bought Saola and I’ve been looking for example projects to learn from but haven’t found them so far.
Here is my problem. I have an animation that counts in decimal and binary from 0 to 16 (like an odometer).
But I can’t figure out how to get the three buttons to work. They are "count up, count down, and Reset.
When counting up, the anumation should start at the current location and count up to the next 1-second mark. Count down, same except it goes backwards. A context-sensitive text box explains the operation to the learner and is sensitive to two conditions, (1) the landing point on the animation, and (2) the direction the users used to get there. The Reset button resets to time 0. The timeline should only stop on 1-second increments, and the buttons change to gray at the top and bottom of the counter.
I’ve sepnt hours trying to figure out how to make the buttons count up or down by one second, and how to tie them to the context-sensitive boxes and enable or disable them as needed. Any help?

Saola Animate version: 3.1.4

OS: Win11

Notes: Scene attached
Odometer_v1.zip (609.2 KB)

1 Like

Hi Roger,

Please find below the fixed project.

And here are the steps for you to follow to achieve your desire.

The animation only runs for 1 second when pressing up/down, so add a trigger at each second to pause it.

For the button state, create a separate timeline to define the enabled and disabled states. Since the button states only differ at the beginning and end of the main timeline, add actions to the first and last triggers to set the states, and to the two adjacent triggers to return to the normal state.

The text description logic isn’t reasonable as it currently sets. Once the button is clicked, it moves to the next number, so hover might work, but hover isn’t functional on mobile. To simplify, we adjusted it to always display the text for both the “down” and “up” states. Just use text keyframes to change the text.

Only the first three are set up as examples, so you can add the rest yourself.
Odometer.saolapack (606.5 KB)

Regards,