Некоторые другие ссылки, которые могут оказаться полезными

Уроки и туториалы

• 3d game shaders for beginners содержит много отличных объяснений многих графических техник. Основан на OpenGL, но объяснения хорошо иллюстрированы, поэтому должно быть возможно адаптировать их к WebGL.

• Learn OpenGL: Современные уроки OpenGL

  Они могут быть или не быть полезными. Хотя API похожи, OpenGL - это не WebGL. Во-первых, OpenGL

  • это библиотека на основе C. Другая проблема в том, что OpenGL имеет гораздо больше функций, чем WebGL, и языки шейдеров имеют много различий. Тем не менее, многие идеи и техники, показанные здесь, так же полезны в WebGL, как и в OpenGL.

Помощники / Расширения

• Spector: Расширение для показа всех ваших WebGL вызовов

• Shader Editor: Расширение, которое позволяет просматривать и редактировать шейдеры на живых веб-страницах.

• WebGL Insight: Расширение для просмотра использования WebGL

• webgl-helpers: Скрипты для помощи с WebGL

Библиотеки

• twgl: Библиотека для помощи в уменьшении многословности WebGL.

• three.js: самая популярная JavaScript 3D библиотека.

• PlayCanvas WebGL игровой движок с игровым редактором

• regl: Функциональная WebGL библиотека без состояния.

Спецификации

• WebGL2: Спецификация WebGL2

• OpenGL ES 3.0: Спецификация, на которой основан WebGL2.

• GLSL ES 3.0: Спецификация языка шейдеров для WebGL2

Развлечения

• Shadertoy.com: Удивительные фрагментные шейдеры, созданные в экстремальных ограничениях

  Предупреждение: Шейдеры на shadertoy.com обычно не являются тем типом шейдеров, которые используются в продакшн WebGL приложениях. Тем не менее, есть много техник, которые можно изучить из их примеров.

• glslsandbox.com: Оригинальная песочница фрагментных шейдеров.

• vertexshaerart.com: Версия glslsandbox для вершинных шейдеров.

Если вы знаете другие хорошие ссылки для добавления, не стесняйтесь открыть issue.