Lake.js: плагин к jQuery для отражения иллюстраций как бы в воде озера

Хабы: jQuery, Canvas

[скриншот]Стал известен скрипт lake.js — плагин jQuery, который берёт иллюстрацию (элемент ) и помещает её на холст (вставляет элемент ), располагая сразу под нею зеркальное отражение, идущее волнами — будто в воде озера.

Речь идёт не о застывших волнах, а об идущих по воде волнах — их фаза динамически изменяется джаваскриптом. (Понятно, что на Хабрахабре этот эффект не воспроизводим, так что я вставляю статический скриншот.)

Холст имеет ту же ширину, что и обрабатываемая иллюстрация, и вдвое бóльшую высоту.

Вызов плагина выглядит сравнительно просто и самоочевидно:




...


Читать дальше →

© Habrahabr.ru