Experimenting with mocking up an animation idea. This is for the Identity transition between tiled and tabbed comparison modes.
Experimenting with mocking up an animation idea. This is for the Identity transition between tiled and tabbed comparison modes. 4 comments
Now actually implementing this animation will require quite a bit of refactoring in Identity. For starters, this would require writing a container that allocates child pages manually for all display modes, since GtkBox and AdwTabView, currently used by Identity, don't support this kind of trickery. Then, while making this mockup, I discovered a bit of a recurring issue with animations: even though the starting and the final states are laid out with parent-child relations (in this case, the child picture is scaled to fit inside the parent black rectangle), in the middle of the animation you *don't* want this. It makes the animation nonlinear and bad looking. This is the same reason GNOME Shell overview animation sends windows on slightly curved paths btw. I'm not sure if there's a good generic way to solve this. But either way, the layout code will probably need further complications to support this smooth transitioning. |
I used https://motioncanvas.io/ for programmatic animation. First time I'm using something like this, seems pretty decent for this sort of thing.