Редактор шейдеров | ShaderToy

Иконка тюнинга
Иконка тюнинга
Иконка тюнинга
Иконка настроек
Иконка библиотеки
Иконка вопроса
Иконка ошибки
Иконка сохранения

Настройка холста




Настройка шейдера

Библиотека шейдеров glsl

Сохранения

Иконка паузы Иконка продолжения Иконка старта Иконка старта Иконка старта

Об редакторе

Ключевой особенностью данного редактора является то, что вместе с фрагментнным шейдером можно редактировать ещё и вершинный шейдер. При условии что вы разбираетесь в линейной алгебре, матрицах и векторах.
Данный инструмент был создан для решения двух моих задач:
  • Создание glsl шейдеров для дальнейшего их использования
  • Оттачивание навыков и знаний о математике
Он активно развивается. Я планирую добавить:
  • Выбор между webgl и webgl2
  • Улучшение UX/UI для кнопки сохранения и вывода ошибок
  • Возможность давать имена сохранениям
  • Добавить поддержку текстур
  • Добавить поддержку горячих клавиш
Важно учитывать следующие особенности при работе с инструментом.
  • Текстуры пока не поддерживаются
  • Есть 3 встроенные юниформы
    • vec2 u_time - это время с начала загрузки страницы.
    • vec2 u_resolution - это ширина и высота холста
    • vec2 u_mouse - это x и y координата мыши, относительно холста
  • Если ты внёс изменения в шейдер и обновил его, но ничего не произошло, проверь может он стоит на паузе?
  • Текстовые поля ввода требуют перечисления цифр через запятую
  • В библиотеке шейдеров не все шейдеры мои.