Jetpack Compose Mesh Gradient #215

Like this gradient? Remix

1 day

Mesh Points

Point	Position	Preview	Hex
1, 1	0.33f, 0f
1, 2	0.67f, 0f
1, 3	1f, 0f
2, 1	0.33f, 0.33f
2, 2	0.67f, 0.33f
2, 3	1f, 0.33f
3, 1	0.33f, 0.67f
3, 2	0.67f, 0.67f
3, 3	1f, 0.67f
4, 1	0.33f, 1f
4, 2	0.67f, 1f
4, 3	1f, 1f

Jetpack Compose Code

val meshGradient = remember {
    MeshGradientPainter(
        rows = 3,
        columns = 2,
        hasBicubicColor = false,
    ) {
        setVertex(0, 0, Offset(0.33f, 0f), Color(0xFFD58D92))
        setVertex(0, 1, Offset(0.67f, 0f), Color(0xFFAABD96))
        setVertex(0, 2, Offset(1f, 0f), Color(0xFF80ED99))
        setVertex(1, 0, Offset(0.33f, 0.33f), Color(0xFFAB697D))
        setVertex(1, 1, Offset(0.67f, 0.33f), Color(0xFF00FFFF))
        setVertex(1, 2, Offset(1f, 0.33f), Color(0xFFAA9E8B))
        setVertex(2, 0, Offset(0.33f, 0.67f), Color(0xFF804469))
        setVertex(2, 1, Offset(0.67f, 0.67f), Color(0xFFAB4A73))
        setVertex(2, 2, Offset(1f, 0.67f), Color(0xFFD54F7C))
        setVertex(3, 0, Offset(0.33f, 1f), Color(0xFF562054))
        setVertex(3, 1, Offset(0.67f, 1f), Color(0xFFAB1061))
        setVertex(3, 2, Offset(1f, 1f), Color(0xFFFF006E))
    }
}