Explore the power of gl-react, a universal library for implementing advanced filters and effects on images, videos, text, and VDOM content, in this React.js Conf 2016 talk by Gaetan Renaudeau. Learn how to create complex visual arrangements using React components without dealing with low-level OpenGL and WebGL APIs. Discover the potential of GLSL, a functional rendering language that runs on the GPU, for implementing effects like blur, saturation, color manipulation, and image composition. Dive into real-world examples showcasing image deformation, localized blur using depth maps, and normal map effects. Gain insights into creating spectacular UI components and visual effects using gl-react's simplified approach to OpenGL's rendering pipeline.
Overview
Syllabus
Introduction
React GR
OpenGL
Fragment
GLsl
Example
GL React
Real World Example
Image Title Example
Image Graph Example
Summary
Taught by
Meta Developers
