Passing multiple images to a shader

[a7medev]

How can I pass more than one image texture into the shader as uniforms?

[wcandillon]

yes you can pass as many as you would like

[william-candillon]

another example can be seen here: https://github.com/Shopify/react-native-skia/blob/main/example/src/Examples/Transitions/Transitions.tsx#L153

we pass two images to a shader to a shader

[thisisashukla]

@william-candillon thanks for the amazing example. i have a doubt though. even this example works in a finite set of images. let's say we want to build an app similar to kindle where we want to transition with page curl effect. how can we stack 100s of images with pagecurl transition using this setup?
i am trying to render react components as images for transition. but right before the skia canvas is loaded i have to load the components to get the image snapshot. this causes a slight glitch where first the two components are shown and then the skia canvas. how can i correct for that?

[thisisashukla]

@william-candillon your example solves the case i have mentioned above. thanks a lot for this peace of code

[kkx64]

...why are all of the examples leading to 404s?

[davelsio]

Any passerbys trying to follow the links, the examples have moved to the /apps/example/src/Examples folder.

For example, this one can now be found here:
https://github.com/Shopify/react-native-skia/blob/main/apps/example/src/Examples/Transitions/Transitions.tsx

another example can be seen here: https://github.com/Shopify/react-native-skia/blob/main/example/src/Examples/Transitions/Transitions.tsx#L153

we pass two images to a shader to a shader