Node: escape hatch for more advanced WebGL stuff

Node should expose a more generic escape hatch to use gl and do any WebGL stuff.

Node should expose a basic way to implement your own draw(). that way, people can do whatever they want with gl, but the contract should be clear (should you still receive the uniforms? is the shader in the scope? should there be a more generic contract that Node implements?). The simplest example is to call gl.clear() to fill a color. Try regl in this paradigm. Try Three.js in this paradigm.

The main problem is most WebGL libs are intrusive and alter the gl state (e.g. they don’t expect to just draw in the current bounded framebuffer).

e.g. https://github.com/mrdoob/three.js/issues/7483#issuecomment-264195243

[robertjuh]

Awesome, following this thread.

[gre]

status update: gl-react-native now expose the EXGLView directly, but there is still a usecase to have such an escape hatch that you want to render something with a lib into a FBO and pipe the result to the gl-react stack of effects.

probably this would not be part of <Node> like initially stated, but instead be a new component… the main concern with libs like Three.js is we need them to draw on a specific framebuffer and not directly on the canvas. so it might be something to fix in Three.js if we want the interop possible.

we also need to figure out how it would be possible to “save & restore” the GL states across libs and this sounds the main headache to having this whole feature possible maybe https://github.com/stackgl/gl-state solves that but also need to see if it’s not an overhead to have