Fitting OpenGL Shaders into React Paradigm
GL-React is a library for defining advanced filters and effects on top of images, videos,… We can create these effects without having to deal with the imperative and low-level OpenGL and WebGL APIs. Because they are defined as simple React components, complex arrangements can be composed embracing React’s VDOM descriptive paradigm.
GL-React hides OpenGL’s statefulness and exposes its greatest functional feature: GLSL (an expressive “functional rendering” language) and its rendering pipeline that runs on the GPU. Effects such as blur, saturation, color rotation and tinting, image composition, noise,… can all be implemented easily. But OpenGL is extremely powerful, unlocking the potential for spectacular effects and UI components: image deformation, localized blur using depth map, normal map effects, and more.
This talk will show how to write next-gen GL effects, compose them with React code, and explain how it works under the hood.
Location: WebinarJam Link
Date: March 28, 2018
Time: 9:00 am - 10:00 am