webGl

what is it?

webGl is a browser / html canvas API that compiles and runs scripts or programs called 'shaders'. These programs are run exclusively on the GPU are massively parallel and heavily hardware-accelerated, so it’s usually many orders of magnitude faster than an equivalent computation on the CPU.

the graphics pipeline and the anatomy of a webGl program

rendering pipeline overview

• the vertex shader
  • what is a vertex? https://www.khronos.org/opengl/wiki/Vertex_Shader#Inputs
• the fragment shader

three js

examples

gpgu: https://mapbox.github.io/webgl-wind/demo/ fragment shader shifting: http://www.adultswim.com/music/singles-2017/23 https://medium.muz.li/webgl-design-inspiration-a516e095b858