Colored rects

Temp.kt

package com.akash.canvasplayground.beesandbombs

import androidx.compose.foundation.Canvas
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clipToBounds
import androidx.compose.ui.geometry.Offset
import androidx.compose.ui.geometry.Size
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.drawscope.Stroke
import androidx.compose.ui.graphics.drawscope.rotate
import androidx.compose.ui.graphics.drawscope.translate
import androidx.compose.ui.unit.Dp
import androidx.compose.ui.unit.dp
import com.akash.canvasplayground.utils.animationTimeMillis

/**
 * Created by Akash on 17/10/20
 */

@Composable
fun Squares(modifier: Modifier) {
    val animatedProgress = animationTimeMillis()
    val n = 30
    val rectSize = 20.dp
    val rectList = mutableListOf<RectData>()
    val colorList = listOf(
        Color(red = 40, green = 223, blue = 153),
        Color(red = 210, green = 246, blue = 197),
        Color(red = 246, green = 247, blue = 212)
    )
    for (i in 0..n) {
        val s = rectSize * i
        val offsetX = -s / 2
        val offsetY = -s / 2
        val rect = RectData(s, offsetX, offsetY, colorList[i % 3])
        rectList.add(rect)
    }
    Canvas(modifier = modifier.clipToBounds()) {
        translate(size.width / 2, size.height / 2) {
            val angle = (animatedProgress.value) * 0.0001f * 360f
            for (i in 0..n) {
                rotate(angle * (n - i + 1) * 0.07f, Offset(0f, 0f)) {
                    drawRect(
                        brush = SolidColor(rectList[i].color),
                        Offset(rectList[i].offsetX.toPx(), rectList[i].offsetY.toPx()),
                        Size(rectList[i].size.toPx(), rectList[i].size.toPx()),
                    )
                }
            }
        }
    }
}

data class RectData(
    val size: Dp,
    val offsetX: Dp,
    val offsetY: Dp,
    val color: Color
)