Лоу-поли эффект на фото

Преобразуйте фото в геометрическую лоу-поли иллюстрацию, состоящую из треугольников, окрашенных по среднему оттенку области, которую они покрывают. Регулируйте плотность сетки и неравномерность точек для изменения стиля.

Пример:
Перетащите изображение или нажмите, чтобы выбрать. Макс. 25 МБ.

Как это работает

Изображение покрывается сеткой, точки которой слегка смещены случайным образом, образуя четырёхугольники, затем разделённые на два треугольника. Каждый треугольник заливается средним цветом пикселей исходного изображения, которые он покрывает, что воссоздаёт упрощённую и геометрическую версию фото.

Почему используется сетка, а не настоящая триангуляция Делоне?

Полная триангуляция Делоне требует специальной библиотеки и более тяжёлых вычислений. Сетка с джиттером (случайным смещением) даёт визуально очень похожий результат с треугольниками однородных размеров и гораздо более предсказуемым временем вычислений, полностью в браузере.

Какая настройка даёт наиболее стилизованный результат?

Крупная сетка (10–20 столбцов) с высокой неравномерностью (60–90%) даёт очень абстрактный и графичный результат. Мелкая сетка (40–60 столбцов) с низкой неравномерностью ближе к деталям исходного фото.

Разбиение на треугольники и вычисление средних цветов выполняется полностью в вашем браузере: ни одно изображение не отправляется на сервер.