However, it printed out the error requireNative Component RNWEbGLView
it seems like react native not recognize the Surface
Nevermind, the formulation put me off, but it turns out it means what I expected it to mean: literally just adding the import statement in the entry point which is app.js in my case. Cheers for an amazing library @gre ! On a side note, for other people who have the black screen problem, it might be related to permissions. I also have this problem on and off (although it is related to the expo camera, not to gl-react-expo) and after many tries I believe it's something to do with permissions.
I did asked for permissions already
Thanks tho
Hey, I'm trying to use the example from the cookbook of Saturation, after changing the Surface to be imported from gl-react-native and adjusting the style I cant load the image getting the following error : webgltexture-loader-expo: ExponentGLObjectManager.createObjectAsync is not available. Make sure to use the correct version of Expo
WARN Node#1(Saturate#2), uniform t: no loader found for value http://i.imgur.com/rkiglmm.jpg http://i.imgur.com/rkiglmm.jpg
WARN Node#1(Saturate#2), uniform t: no loader found for value http://i.imgur.com/rkiglmm.jpg http://i.imgur.com/rkiglmm.jpg
Basically, there is an example of class saturate , then you create your class, and pass it as a state instead of props to change the color
this is a good source, if you run on expo cli website, it works. The only thing is that you need to style surface to have the image on your phone
and also pass the <Saturate state /> instead of <Saturate props>. Good luck
but yeah, think about how would you save image later too, depends on the gl version you use, there are different ways to do it.
Hi everyone. Trying to get this most basic example working on React Native: https://gl-react-cookbook.surge.sh/diamondcrop
The issue is I can't see to work out what the syntax should be for the image child? Obviously the string URL does not work. I have tried wrapping it in an image <Image source={{uri: 'https://i.imgur.com/5EOyTDQ.jpg'}} style = {{ width: 200, height: 200 }}/> but I get a uniform t: child is not renderable. Got null
What am I missing?
you just need to pass the link like whatever <DiamondCrop>
https://i.imgur.com/5EOyTDQ.jpg
</DiamondCrop>
https://i.imgur.com/5EOyTDQ.jpg
</DiamondCrop>
2 replies
I'm trying to do a frontend image processing previewer with gl-react
and it works very well indeed
the thing is when I pass my changes to the backend and save it with ffmpeg
result is quite different
I've created a shader to tackle only brightness, for instance, and tried to find a correction factor
but not near of what I need :(
I can't use GLSL in backend
so the question is how to I accurately compatiblize what I preview with gl-react with what I save with ffmpeg, TIA :heart:
please help me out
Hi people, i’m running gl-react-dom and have an issue with scrolling on a position fixed Surface on mobile. Was hoping to use the Surface dom element to remove touch events but i can’t figure out how to target it with a ref. Any ideas?
