A modern programming language that makes developers happier.

kotlinlang

I want to create a card flip animation (<https://www.thedroidsonroids.com/wp-content/uploads/2016/02/result.gif|like this>), and the only way I found is using `Modifier.drawLayer(rotationY = someValue)`, but this animation looks too distorted (<https://www.thedroidsonroids.com/wp-content/uploads/2016/02/minus180to0.gif|like this>). View has `setCameraDistance()` method, and RenderNode has this method too, but Compose doesn't use any of them. It seems to me that `rotationY` parameter is kinda useless without camera distance. Is there any way to create this card flip animation other than `drawLayer` ? Or maybe there's plans to include support for camera distance in future versions of Compose?

That’s because Skia doesn’t do perspective correc transformations

Camera distance would help but only to a certain point

<@U3JQ35YQK>
&gt; Camera distance would help but only to a certain point
I was also going to say the same thing. Maybe scaling the view while also doing the animation help but not sure about that either

You can kinda fake camera distance by scaling, like I do here: <https://github.com/zach-klippenstein/compose-backstack/blob/main/compose-backstack/src/main/java/com/zachklipp/compose/backstack/BackstackInspector.kt>

yes, now thinking about scaling, the far end would look very weird

looks like this: <https://github.com/zach-klippenstein/compose-backstack/raw/main/.images/inspector.gif>

The text looks very very wrong in your example :stuck_out_tongue:

These “3D” rotations are just shears/skews, which is why it looks bad on text or images

<@UV2HT75ME> But keep in mind that changes to the Skia runtime can only ship with a newer version of Android. Compose does not ship with its own version of Skia. :face_with_rolling_eyes:

<https://issuetracker.google.com/issues/171492100>

We’re not talking about introducing true 3D transforms here, just the camera distance :slightly_smiling_face:

camera distance has been added to the layer APIs in compose and should be available in a future release of compose