візуал · шейдери

visuals.

Усе, що малює картинку кодом: GLSL як спільна основа, Hydra як швидка обгортка для джему, touchviz як інструмент у кишені. Формат той самий, що в решті шпаргалок — довідка під рукою, а не курс.

Шпаргалки
→
GLSL
Фрагментні шейдери в браузері: координатні простори, вбудовані функції, SDF, шум і fbm, палітри, аудіо-реактивність, пастки й помилки компілятора.
uvsmoothstepsdffbmiTime
 →
Hydra
Відеосинт для live-coding: source → geometry → color → blend/modulate → out. Той самий GLSL, тільки ланцюгом на JS.
osckaleidmodulatea.ffto0
Інструменти
→
touchviz
Touch-first GLSL-візуал: сцени, гіроскоп, мік, трейли. Експорт у GIF, WebM і готовий до вставки .glsl.
touchgyromicexport
 →
flok
Колаборативний редактор live-coding: Hydra малює, Strudel звучить, обидва в одній сесії.
hydrastrudelcollab
Спільний знаменник: Hydra і touchviz — це обгортки над тим самим фрагментним шейдером. Щойно впирається стеля вбудованих функцій, робота повертається в GLSL: у Hydra через setFunction, у touchviz — через експортований .glsl. Тому шпаргалка по GLSL тут перша, а не остання.