Ефект скляних блоків для будь-якого зображення
Стіна зі скляних блоків перед вашим фото: кожна плитка викривлює свій шматок зображення, з райдужною дисперсією на краях.
Більше ефектів для зображень
Усі ефекти
Ефект скляних блоків — як це працює
Погляньте на фото крізь шестикутні чи квадратні скляні блоки із заломленням.
Як працює скло
Кадр укривається плитками обраної форми. Кожна плитка діє як товстий шматок скла: заломлює частину зображення за собою до свого центру, тож картинка розпадається на безліч маленьких лінз. Дисперсія трохи розщеплює кольори на краях плиток — як світло, що проходить крізь призму.
Плитки, заломлення, світло
«Розмір плитки» задає, скільки блоків перетинає зображення, «Заломлення» — наскільки сильно кожен його викривлює. «Кут світла» пересуває відблиск на скляних фасках. Кола дають вигляд пухирчастої плівки, трикутники — гранованого кристала, квадрати — класичних склоблоків.
Рендеринг на GPU
Це WebGL-шейдер, що працює локально, тож повзунки оновлюють результат миттєво, а повнорозмірне завантаження використовує той самий шейдер, що й прев'ю.
Часті запитання
«Рифлене скло» використовує довгі паралельні ребра, а «Скляні блоки» — сітку окремих плиток.
Ні, усе працює у вашому браузері.
Ефекту потрібен WebGL. Якщо у вашому браузері його вимкнено, зображення лишається як є.