Мозайка Вороного
Мозайка Вороного с использованием шейдеров
Мозайка Вороного с использованием шейдеров
Эффект мозайки на изображении реализованной с помощью three.js и шейдеров.
Мозайка из шестиугольников с изображениями в 3D пространстве. Используются следующие библиотеки: three.js, hex-grid.js, OrbitControls.js и TweenMax.js
Плагин jQuery позволяющий создать слайдер в котором смена изображений происходит ввиде мозаичного эффекта. Автоматически подстраивается под самое большое изображение и использует его размеры в качестве размеров контейнера. Однако анимация довольно сильно загружает процессор, и на слабых компьютерах эффект мозайки будет заторможен.
При нажатии на одну из множества миниатюр формируется полное изображение с красивым эффектом. При повторном нажатии изображение снова распадется на кусочки. Также имеются две кнопки "Вперед" и "Назад" для смены изображения.