Шесть характеров
Чернила, шёлк, дым, масло, акварель и пыльца. Каждый меняет сразу несколько свойств жидкости: от тяжёлого масла до лёгкого дыма.
Проекты · Интерактивная графика
Inkfall
Управление без мыши: рукой перед камерой и голосом.
Inkfall показывает воду, в которой расходятся чернила. Каждый кадр видеокарта заново решает уравнения движения жидкости, готового видео здесь нет. Чернила уносит поток, поток закручивается в вихри, тяжёлые чернила тонут, лёгкие поднимаются.
Как устроено
Управление руками
Жесты перед камерой: щепоть рисует, открытая ладонь перемешивает воду, сжатый кулак очищает её. Изображение с камеры обрабатывается на устройстве и никуда не отправляется.
Голос и музыка
С включённым микрофоном кистью управляет звук: чем громче, тем быстрее она движется и тем больше чернил оставляет.
Фото и видео
Кадр сохраняется в PNG, видео записывается в качестве до 4K. Интерфейс в запись не попадает.
Один файл
Вся работа помещается в одну HTML-страницу без сборки и без фреймворков. Устанавливать ничего не нужно.
На чём сделано: WebGL2 · GLSL · MediaPipe · Web Audio
Сделаем похожее
Сайты и интерактив →Расскажите о задаче, и мы предложим решение.
Написать в Telegram ↗︎Другие проекты