ConfusedEmoji3.kt

@Composable
fun ConfusedEmoji() {
    val easing = LinearOutSlowInEasing
    val offsetX by animateValues(
        values = listOf(0f, 15f, -15f, 0f),
        animationSpec = infiniteRepeatable(
            animation = tween(durationMillis = 1500, easing = easing),
            repeatMode = RepeatMode.Restart
        )
    )

    Canvas(
        modifier = Modifier
            .padding(top = 16.dp)
            .size(100.dp)
    ) {
        drawArc(
            color = Color(0xFFFFd301),
            startAngle = 0f,
            sweepAngle = 360f,
            useCenter = true
        )

        drawCircle(
            color = Color.White,
            center = Offset(x = 35.dp.toPx(), y = 30.dp.toPx()),
            radius = 30f,
        )

        drawCircle(
            color = Color.Black,
            center = Offset(-offsetX + 35.dp.toPx(), 30.dp.toPx()),
            radius = 10f,
        )

        drawCircle(
            color = Color.White,
            center = Offset(x = 65.dp.toPx(), y = 30.dp.toPx()),
            radius = 30f,
        )

        drawCircle(
            color = Color.Black,
            center = Offset(-offsetX + 65.dp.toPx(), 30.dp.toPx()),
            radius = 10f,
        )

        drawLine(
            start = Offset(x = 30.dp.toPx(), y = 70.dp.toPx()),
            end = Offset(x = 70.dp.toPx(), y = 70.dp.toPx()),
            color = Color.Black,
            strokeWidth = 10.0f
        )
    }
}