[Animations Beta] More animation choices; problems with animations; a header suggestion

[ADTC]

It seems there are only a few animation choices right now. I hope the repertoire could be increased to add these:

• Swipe animations. (also called Reveal animations; object is revealed from one side but doesn't move itself)
• Slide animations. (similar to Move, but object slides into page through a slit)
• Image Zoom (zooming into or out of an image by transitioning its crop as a function of time, without changing the frame the image is in; preferably with an adjustable focal point - not always the center)

To give you an idea, we're hoping to achieve something like this (watch the zooming in and the yellow highlight): https://youtube.com/clip/UgkxhKCxe9wPtMqYFI5XskaS_8bda9RpdOuw?si=i1tnfdXxMdUI5dH0

Problems I noticed:

1. When some Entry/Exit animations are combined with some Loop animations, the Entry/Exit animation is ignored. (Try with Move + Rotate.)
2. The Delay and Duration are limited to 1s and 2.5s respectively. It's not adequate to fully control the placement of the animation in relation to the overall time of the page. If the page is 15 seconds, perhaps I'd want the animation to start at 8s and exit at 12s (that is, a delay of 8s and a duration of 4s) which is currently not possible to set.
3. When "Both" is selected, it seems unnecessary and redundant to have two blocks in the animations array, one with "type": "enter" and another with "type": "exit" when they could be combined into a single block with "type": "both" -- Unless, your plan is to be able to have separate Entry and Exit animations (instead of repeating the same animation backwards).
4. It seems there is no UI function to set the exact time an element should exit. When "Exit" is chosen, the sliders are hidden even though the JSON has delay and duration attributes for the animation block with "type": "exit". Seems to be an odd choice, since we should be able to precisely control the timestamp when the element exits. (At this moment, it looks like the elements only exit just before the page transitions to the next page.)

PS: I suggest adding a header for the Loop Animations.

@lavrton thank you for considering these.

[ADTC]

BTW upon further testing, it looks like Exit animation hides both Delay and Duration sliders, but the Duration value is still an actively used value. It controls the duration it takes for the exit animation to play. So the Duration slider must remain visible.

Ideally though, we should also be able to control the point in time when the element finishes exiting (which may not necessarily be at the end of page duration as it is assumed right now).

[ADTC]

Additional bug: If I'm on a multi-page project and I add an element on a page numbered >= 2, then click Animate and choose an animation, the preview plays, then the canvas scrolls to page 1.