Bouncing ball animation

Bouncing Ball

@Composable
fun BouncingBall() {
    val scope = rememberCoroutineScope()
    val animatable = remember { Animatable(0f) }
    var targetHeight by remember { mutableStateOf(1f) }

    LaunchedEffect(key1 = true) {
        scope.launch {
            while (targetHeight > 0.01f) { // the animation will stop when the height is less than 1% of maxHeight
                targetHeight *= 0.8f
                animatable.animateTo(
                    targetValue = targetHeight,
                    animationSpec = tween(
                        durationMillis = 1000,
                        easing = LinearOutSlowInEasing
                    )
                )
                animatable.animateTo(
                    targetValue = 0f,
                    animationSpec = tween(
                        durationMillis = 1000,
                        easing = LinearOutSlowInEasing
                    )
                ) // it goes to the top smoothly
            }
        }
    }

    val maxHeight = 300
    val height = animatable.value * maxHeight

    Box(
        Modifier
            .fillMaxSize()
            .background(Color.LightGray)
    ) {
        Canvas(modifier = Modifier.offset(y = height.dp)) {
            drawCircle(color = Color.Blue, radius = 50f)
        }
    }
}

Screen.Recording.2024-02-04.at.4.58.41.PM.mov