Starting to play with custom Skia shaders

I wish we had something like this for Android 🤗

2ms to compile the shader. 240ms to fill the bitmap

Really nice. 😍 Such a beauty produced by a formula I barely understand. 😅 With some tweaking you could make a dynamic wallpaper library or something like that. Right now the code only works for a square, but with some tweaking I'm sure you could produce the perfect wallpaper for any resolution. 😄

val background = produceState<ImageBitmap?>(initialValue = null) {
    value = withContext(Dispatchers.Default) {

        val sksl = """
            float f(vec3 p) {
                p.z -= 10.;
                float a = p.z * .1;
                p.xy *= mat2(cos(a), sin(a), -sin(a), cos(a));
                return .1 - length(cos(p.xy) + sin(p.yz));
            }

            half4 main(vec2 fragcoord) {
                vec3 d = .5 - fragcoord.xy1 / 800;
                vec3 p=vec3(0);
                for (int i = 0; i < 32; i++) p += f(p) * d;
                return ((sin(p) + vec3(2, 5, 9)) / length(p)).xyz1;
            }
        """

        val runtimeEffect = RuntimeEffect.makeForShader(sksl)
        val shader = runtimeEffect.makeShader(
            uniforms = null,
            children = null,
            localMatrix = null,
            isOpaque = false
        )

        val shaderTile = ImageBitmap(width = 800, height = 800)
        val shaderCanvas = Canvas(shaderTile.asDesktopBitmap())
        val shaderPaint = Paint()
        shaderPaint.setShader(shader)
        shaderCanvas.drawPaint(shaderPaint)

        return@withContext shaderTile
    }
}

Box {

    background.value?.let {
        Image(bitmap = it, null)
    }
}

240ms to fill the bitmap

directly on a Skia canvas in on the order of 20-30 us (microseconds), offloading everything to the GPU

Yeah, drawing into the nativeCanvas is much faster, as we use context that uses GPU. Usually, when we draw into Canvas(Bitmap), we don't use GPU, we use software rendering. So, slowness is expected.

Usually, when we draw into Canvas(Bitmap), we don't use GPU, we use software rendering. So, slowness is expected.

Will this be eventually overcame?