Playing with animatable render effects. Demo code ...

# compose-desktop

[Kirill Grouchnikov]

Playing with animatable render effects. Demo code starts here.

blur-filter.mov

[romainguy]

Is that the built-in blur effect? Or your own?

[Kirill Grouchnikov]

That's Skia's SkImageFilters::Blur wrapped by Skiko

[Javier]

Can it be used on Android?

[romainguy]

@Kirill Grouchnikov I’m asking because it looks like the blur is not energy preserving, indicating it might be not be applied in linear space

[Kirill Grouchnikov]

On Android 13 you can use https://developer.android.com/reference/android/graphics/RenderEffect#createBlurEffect(float,%20float,%20android.graphics.Shader.TileMode) combined with https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/[…]roidx/compose/ui/graphics/AndroidRenderEffect.android.kt;l=27 to pass it to graphicsLayer

[Kirill Grouchnikov]

@romainguy - basically whatever Skia does under the hood

[romainguy]

Yeah I should ask Skia or check their source code

[Kirill Grouchnikov]

SkImageFilters::MatrixConvolution allows for a bit more control maybe

[romainguy]

It can probably be done as a custom shader too

[Kirill Grouchnikov]

Well, that's what I'm trying to figure out right now - how to get a custom shader in there. Using SkImageFilters::Paint with SkPaint::setShader seems to just fill the whole thing with whatever the shader is doing, and I'm still not finding a way to have that shader work on the underlying pixels as input.

[Kirill Grouchnikov]

https://github.com/JetBrains/skiko/issues/519 to add Skiko bindings to enable that

[Kebbin]

You're all a bunch of very clever people!
Great work! 🤩