transition-rotate-2.kt

@Composable
fun RotatingPokeball() {
    val children: @Composable() () -> Unit = {
            Opacity(opacity = 0.75f) {
                DrawImage(
                    image = +imageResource(R.drawable.pokeball),
                    tint = +colorResource(R.color.poke_red)
                )
            }
        }

    Transition(definition = definition, initState = 0, toState = 1) { transitionState ->
        Draw(children = children) { canvas, parent ->
            val halfWidth = parent.width.value / 2
            val halfHeight = parent.height.value / 2

            canvas.save()
            canvas.translate(halfWidth, halfHeight)
            canvas.rotate(transitionState[rotation])
            canvas.translate(-halfWidth, -halfHeight)
            drawChildren()
            canvas.restore()
        }
    }
}