💭 Doc for useSkiaFrameProcessor appears to be incorrect about react-native-vision-camera

[mrousavy]

whoops, docs were wrong. try this:

  const invertColorsFilter = Skia.RuntimeEffect.Make(`
    uniform shader image;
    half4 main(vec2 pos) {
      vec4 color = image.eval(pos);
      return vec4((1.0 - color).rgb, 1.0);
    }
  `)
  const shaderBuilder = Skia.RuntimeShaderBuilder(invertColorsFilter!)
  const imageFilter = Skia.ImageFilter.MakeRuntimeShader(shaderBuilder, null, null)

  const paint = Skia.Paint()
  paint.setImageFilter(imageFilter)


// later:
frame.render(paint)

[mrousavy]

I'm already on it

[mrousavy]

nice

[mrousavy]

Yea they aren't up to date yet.

[EkaanshArora]

Happy to make a PR to fix this if you can describe the process to use a shader within the worklet.

[Space6188]

Any news?

[mrousavy]

yes, I just released 4.0.0 and updated the docs.

[Space6188]

Thank you for pretty library, that really cool
Unfortunately, this not working:
const invertColorsFilter = Skia.RuntimeEffect.Make(uniform shader image; half4 main(vec2 pos) { vec4 color = image.eval(pos); return vec4((1.0 - color).rgb, 1.0); });
const paint = Skia.Paint(invertColorsFilter);

const frameProcessor = useSkiaFrameProcessor(
frame => {
'worklet';
frame.render(paint);
},
[paint],
);

I have this error - 'Expected arguments: 0, received: 1.ts(2554)' inside Skia.paint(invertColorsFilter)

i working with android and this is my versions of packeges:
"react-native-vision-camera": "^4.0.1",
"@shopify/react-native-skia": "1.2.3",
"react-native-reanimated": "^3.5.4",

Maybe you know how to fix it, maybe i do something wrong

[Space6188]

This is working now!, thank you so much