Что такое Площадка WebGL-шейдеров?
Пишите GLSL-вершинные и фрагментные шейдеры и мгновенно видите результат рендеринга через WebGL. Никакой локальной настройки не нужно. Подходит для изучения шейдерного программирования, прототипирования эффектов или экспериментов с GPU-ускоренной графикой.
Как использовать
- Напишите или вставьте код GLSL-фрагментного шейдера в редактор. Шейдер по умолчанию уже загружен.
- Предпросмотр обновляется в реальном времени по мере ввода. Встроенные юниформы: время, разрешение и позиция мыши.
- Экспортируйте шейдер в виде PNG-скриншота или скопируйте код для использования в собственных WebGL-проектах.
Результат
Разработчик игр, создающий прототип эффекта волн на воде, пишет фрагментный шейдер с синусоидами и юниформой времени. Панель предпросмотра показывает анимированный результат в реальном времени.
Похожие инструменты
3D-макет коробки/упаковки
Просмотр дизайна упаковки в 3D
3D-диаграмма рассеяния
Визуализация точек данных в трёхмерном пространстве
3D-просмотрщик рельефа
Визуализация карт высот в виде 3D-рельефа
3D-витрина Товаров
Вращайте и рассматривайте товары в интерактивном 3D
Создание 3D-текста
Создавайте объёмный 3D-текст с уникальными стилями
Просмотр 360° изображений
Просматривайте и исследуйте 360-градусные панорамные снимки