Наполнение логотипа энергией — движок на WebGL
Поток света входит в знак и растекается по форме изнутри: фронт идёт по геодезическому расстоянию внутри контура, а не круговой шторкой. Один фрагментный шейдер, без зависимостей, логотип подставляется файлом.
- Период
- 2026
Ключевые показатели проекта
- вся сцена — поток, наполнение, импульс
- 3 сек
- библиотек — один фрагментный шейдер
- 0
- логотип подставляется SVG, ничего не печём заранее
- 1 файл
Состав работ по проекту
Услуги
- Фрагментный шейдер заливки по форме
- Печёные карты расстояний по маске логотипа
- Сцена «поток — наполнение — импульс»
- Лаборатория параметров
О проекте
Заготовка движка. Знак на сцене — времянка: треугольник с вырезанным по центру треугольником. Кольцо выбрано намеренно — на нём сразу видно, честно ли идёт заливка: круговая шторка зажгла бы дальний угол раньше соседнего, а волна по форме обходит кольцо кругом. Настоящий логотип подставляется одним файлом.
Подробнее о проекте
Ход работы
- фронт заливки идёт по геодезическому расстоянию внутри контура: карта прихода волны печётся из маски логотипа в браузере при загрузке, в кадре это один сэмпл текстуры;
- в той же текстуре лежат покрытие знака, расстояние до края изнутри и расстояние до знака снаружи — отсюда кромка и ореол без второго прохода и без размытия в отдельный буфер;
- поток, наполнение и импульс собраны в одну сцену на таймлайне; в лаборатории она зациклена, в шапке сайта проигрывалась бы один раз;
- панель ниже — те же параметры, что и в конфиге виджета. «Стоп-кадр» и «Момент сцены» останавливают время и дают разглядеть фронт: живьём он проходит за доли секунды.
Есть продукция, которую нужно визуализировать?
Средний бюджет проекта — от 30 000 ₽.
Небольшие отдельные задачи оцениваются индивидуально.