Animation: swipe-based Slide transitions

[NathanLovato]

The presentation offers a solid base for any kind of presentation. It does lack intuitive touch and swipe controls to use on mobile, tablets and to export to html5.

This task is only about the swipe animation itself, not the touch controls. The animation should work regardless of the user's action: both with the keyboard and touch.

The current structure doesn't allow for a swipe/slide animation or any other movement-based transition. It would take at least two slides, maybe three?

The problem

There is only one Slide. When you change to the next or the previous slide, the Presentation node replaces the content of Slide directly.

Possible solution

With this solution, the idea is we can see both the current slide moving out of the screen and the next slide moving it. Also that the user could control them with a swipe gesture (scrub the animation by moving the finger left and right). It's not the easiest but it'll make for flexible and appealing controls.

Turn Slide into a generic object that can cache slide data. It can roughly keep the structure it currently has, but should be a separate scene we can instantiate.

Have 3 Slides instead of one:

• Previous
• Current
• Next

When you change slide, have the Presentation manage the transition.

When the user requests the previous or next slide, animate the Slide objects themselves. Horizontal movement + fade in / out.

Requirements

Let's make sure the performances are okay on recent mobile phones, tablets and in modern web browsers: Godot attracts users from all around the world.