Efeito low-poly em uma foto

Converta uma foto em ilustração geométrica low-poly, composta por triângulos coloridos pelo tom médio da área que cobrem. Ajuste a finura da grade e a irregularidade dos pontos para variar o estilo.

Exemplo:
Arraste e solte uma imagem, ou clique para procurar. 25 MB no máximo.

Como funciona

A imagem é coberta por uma grade cujos pontos são levemente deslocados de forma aleatória, formando quadriláteros que depois são divididos em dois triângulos. Cada triângulo é preenchido com a cor média dos pixels que ele cobre na imagem original, o que reconstitui uma versão simplificada e geométrica da foto.

Por que usar uma grade em vez de uma verdadeira triangulação de Delaunay?

Uma triangulação de Delaunay completa exige uma biblioteca dedicada e um cálculo mais pesado. A grade com jitter (deslocada aleatoriamente) dá um resultado visualmente muito próximo, com triângulos de tamanhos homogêneos e um tempo de cálculo muito mais previsível, tudo dentro do navegador.

Qual ajuste dá o resultado mais estilizado?

Uma grade larga (10 a 20 colunas) com irregularidade alta (60 a 90%) dá um resultado bem abstrato e gráfico. Uma grade fina (40 a 60 colunas) com pouca irregularidade se aproxima mais dos detalhes da foto original.

A divisão em triângulos e o cálculo das cores médias são feitos inteiramente no seu navegador: nenhuma imagem é enviada a um servidor.