Turning photos into beautiful art with Javascript
09 May 2016
Image source: Heimaey
I’ve been kicking this idea around in my head, and decided to implement it while learning how to canvas in HTML5:
simplification of an image by drawing a bunch of lines
- Choose a pixel.
- Within some range around it, find another pixel with a similar colour.
- Draw a semi-transparent line to it, filled with a gradient from one colour to the other.
- Repeat a lot.
This creates a bunch of blurring, but usually constrained within objects due to the colour threshold.
Here’s the JSFiddle. It’s really slow.