タイトルぐらいの理解をしていたので、実際に手を出す前に概念を整理しておく。
WebGL?OpenGL?わからん！
GLSL(OpenGL Shade Language)
OpenGLのプログラマブルシェーダーを記述するシェーディング言語
そもそもOpenGLって？
クロスプラットフォームな2D/3D CGライブラリ、またはそれを元とするオープン標準規格
macOSで非推奨に
→代替はMetal
HLSL(High Lebel Shading Language)
Direct3Dのプログラマブルシェーダーを記述するシェーディング言語
Direct3Dって？
MicrosoftがWindows向けに開発した3DグラフィックAPI(DirectXの一部)。Xboxでも使われている
プログラマブルシェーダー？
昔はシェーダーの各機能はハードウェア依存だったが、
(スーファミのグラフィックチップによる拡張とかの話か？)
ソフトウェアによりプログラマブルになったシェーダーのこと。
WebGL
Webブラウザ上で2D/3D CGを扱うための、
Open GL ES2.0(組み込み向け規格)の派生規格。
HTML5のcanvas要素にGLSLを用いて記述する。