## Fragment Shader Each pipeline brick is a function from pixels to colors... ## `{x,y} => {r,g,b,a}` ...implemented in a **Fragment Shader**.

# DEMOS ! https://github.com/gre/gl-react-playground

## Shared node optimization

# Wrap Up

## WebGL API ### hybrid paradigms WebGL is a very low level **imperative** API... but fundamentally uses **functional** bricks.

## fragment shader How to draw things in WebGL: ### `{x,y} => {r,g,b,a}` ### *"Functional Rendering"*

### gl-react-native The same wrapper on top of **OpenGL** for React Native. Write universal effects for both the Web and Native.