YoVDO

Universal GL Effects for Web and Native with React.js

Offered By: Meta via YouTube

Tags

WebGL Courses OpenGL Courses Image Processing Courses GLSL Courses GPU Programming Courses Visual Effects Courses

Course Description

Overview

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.

Syllabus

Introduction
React GR
OpenGL
Fragment
GLsl
Example
GL React
Real World Example
Image Title Example
Image Graph Example
Summary


Taught by

Meta Developers

Related Courses

Computer Graphics
University of California, San Diego via edX
Interactive Computer Graphics with WebGL
University of New Mexico via Coursera
3D Graphics in Android: Sensors and VR
Imperial College London via Coursera
Android Graphics with OpenGL ES
Imperial College London via Coursera
Advanced App Development in Android Capstone
Imperial College London via Coursera