Low-Poly-Effekt auf einem Foto
Konvertieren Sie ein Foto in eine geometrische Low-Poly-Illustration aus Dreiecken, die in der Durchschnittsfarbe des von ihnen bedeckten Bereichs eingefärbt sind. Stellen Sie die Feinheit des Rasters und die Unregelmäßigkeit der Punkte ein, um den Stil zu variieren.
So funktioniert es
Das Bild wird mit einem Raster überzogen, dessen Punkte leicht zufällig verschoben sind, wodurch Vierecke entstehen, die anschließend in zwei Dreiecke unterteilt werden. Jedes Dreieck wird mit der Durchschnittsfarbe der Pixel gefüllt, die es im Originalbild bedeckt, wodurch eine vereinfachte, geometrische Version des Fotos entsteht.
Warum ein Raster statt einer echten Delaunay-Triangulation verwenden?
Eine vollständige Delaunay-Triangulation erfordert eine dedizierte Bibliothek und eine aufwendigere Berechnung. Das gejitterte (zufällig verschobene) Raster ergibt ein visuell sehr ähnliches Ergebnis, mit Dreiecken einheitlicher Größe und einer viel vorhersehbareren Berechnungszeit, vollständig im Browser.
Welche Einstellung ergibt das stilisierteste Ergebnis?
Ein breites Raster (10 bis 20 Spalten) mit hoher Unregelmäßigkeit (60 bis 90 %) ergibt ein sehr abstraktes und grafisches Ergebnis. Ein feines Raster (40 bis 60 Spalten) mit wenig Unregelmäßigkeit kommt den Details des Originalfotos näher.
Die Aufteilung in Dreiecke und die Berechnung der Durchschnittsfarben erfolgen vollständig in Ihrem Browser: Es wird kein Bild an einen Server gesendet.