Снимки в Disaurde часто получались рваными и угловатыми, потому что эффектам не хватало плавности. Сделать визуал плавным помогло бы использование размытия изображения, блюра.
Блюр оказался неожиданно тяжелым в вычислении эффектом. Хотя он и был доступен из коробки в p5.js, его применение в разы замедляло работу приложения. Чтобы размытие не сильно тормозило съемку, я сделал следующее:
1. Взял исходное изображение из камеры, уменьшал его до 64х48 пикселей.
2. К этой маленькой картинке применил размывающий фильтр, низкое разрешение картинки позволяло блюрить ее в реальном времени.
3. Передал маленькую размытую картинку в шейдер, где она уже растягивалась на весь холст изображения.
Размытая картинка открывала доступ к созданию мягких масок, soft-light эффектов, водянистых искажений и текучих петель обратной связи. Наравне с дисплейсментом и фидбеком блюр стал одними из основных инструментов моей работы.
Изображения сняты через фильтры:
[ludoexbi] - «The Hate of the Yard Garden and the Killing of Ants»
[qulubo] - «Undecorated Mirage»
▹ Disaurde v331 — приложение, в котором сделаны эти снимки.