3 горизонтальные линии, бургер
3 горизонтальные линии, бургер

3 горизонтальные линии, бургер
Удалить все
ЗАГРУЗКА ...

GLSL Онлайн редактор шейдеров с примерами и библиотекой

Часы
26.02.2024
/
Часы
08.03.2026
/
Иконка типа приложения
Веб инструмент
Глазик
1297
Сердечки
3
Соединённые точки
0
Соединённые точки
0
Соединённые точки
0


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

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

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




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

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

Сохранения

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

Об редакторе

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

Похожие инструменты

Редактор SMIL анимаций для SVG изображений

Дата создания
09.01.2026
/
Дата последнего обновления
08.03.2026
/
Иконка типа приложения
Веб инструмент
Глазик
121
Сердечки
0
Соединённые точки
0
Соединённые точки
0
Соединённые точки
0
Это простой редактор анимаций для SVG изображений основаный на редактировании непосредственно кода. Создан только для обучения основам работы и особенностям анимирования SVG изображений используя SMIL. Имеет встроеный пикер айдишников элементов изображения.

Не забудь поделиться, лайкнуть и оставить комментарий)

Отзывы

(0)

captcha
Отправить
ЗАГРУЗКА ...
Сейчас тут пусто. Буть первым (o゚v゚)ノ