-
Notifications
You must be signed in to change notification settings - Fork 0
vanGogh
#[001] van Gogh by von Geg
##About Exhibition 1, yay! my first go at vart. Seeing Jenn's examples with drawing on top of images, I somehow immediately thought of Vincent van Gogh and his nervous/erratic brush-stroke techniques of his most known paintings "Starry Night", "The Sower", and his self-portraits. I thought I could easily turn an image into a series of brush strokes using HTML Canvas.
##Process load image into canvas to determine pixel values. can also save out image
group pixels by chunks
get average colour in chunk
realise that average colour is wrong - dominant colour is the ticket!
realise the app is a browser hog - use web workers!
implement php file uploader to be used for other modules. also needed to use JQuery now for ajax.
use bootstrap for layout because I'm a design fascist and can't work with barebones HTML yet didn't want to spend time on design
##How to make it better Reduce image size first, then I might not need chunks at all
Stroke angle as option
Stroke thickness as option
Add rough outline to strokes to look more brush-like
Add background pattern and reduce opacity of strokes to make vartwork look more painting-y
Make brush strokes follow the path of the object, just like van Gogh's real works. But that would definitely be over-kill for this project!