How to capture effected image and save it to file?

Hello!

In v2 we’ve had captureFrame function. https://github.com/ProjectSeptemberInc/gl-react-native/blob/cf77646239ee1c9d6002c28cb8864cb65d2de898/src/GLCanvas.js#L55

But there is no such function in “v3”, right? Or I can save image with capture() somehow?

Please help.

I’ve asked something similar in “v2” repo: https://github.com/ProjectSeptemberInc/gl-react-native/issues/96

question

library version: gl-react/next + gl-react-native/next

gl-react@3.0.0-alpha.6
gl-react-native@3.0.0-alpha.6

Expected behavior

Expected to find some simple function to call and save effected image to file in cache directory

refs.surface.captureFrame({
       type: 'jpg'
       format: 'file'
       quality: 1
       filePath: "#{RNFS.DocumentDirectoryPath}/#{new Date().getTime()}.jpg"
}).then((newImageUri) =>
 ....

Actual behavior

this.refs.surface.capture()

returns array of pixels (right?)

[moxxuk]

Any news on the backporting for non-expo users?

[gre]

if you want to help: https://github.com/gre/react-native-webgl/issues/2 gl-react-native is now backed by a new lib i’ve created (react-native-webgl) and I figured out the API but needs to implement on the back.

I have not planned this yet in my ETA ( https://github.com/gre/gl-react/issues/148 ) but it should comes after the features listed there (unless I find it easy and implement it soon^^)