Reimplemented Tutorials in Compose

[westnordost]

Part of #5616

[westnordost]

Re-building this was not fun in Jetpack Compose.

I have the impression that this kind of animation choreography is hard to do in Compose. Aggravated by the fact that animated vector drawable XMLs are only supported via another library which however does not exist for Compose Multiplatform (yet?) and I imagine that it might be somewhat difficult to properly support, as animated vector drawables in Android rely on certain components from the Android animation framework.

See https://developer.android.com/develop/ui/compose/animation/vectors

So anyway, the animated vector drawables I re-implemented in code instead. It's... okay.

How the new tutorial screens look like. You'll notice a few differences. E.g. you can go back, too, including several steps at once (which might produce funny animation effects), and you can swipe, and text does not appear one by one but as "pages". The animation with the paint roller is simpler. (The blurriness in the video seems to only on the emulator 🤷‍♂️)

Screen.Recording.20240715.203901.mp4

Screen.Recording.20240715.204050.mp4

[Helium314]

I remember discussing about choppy animations. On S4 mini it seems surprisingly fine, as long as you wait for a while (until tangram sprite sheet creation is done) before going through the tutorial.