Skip to content
Adrian von Gegerfelt edited this page Mar 13, 2015 · 15 revisions

#[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!

Clone this wiki locally