distort and warp images in the browser
JavaScript CSS HTML


image distortion experiment

this is an experiment for the web browser. it lets you distort an image by moving intersections in a grid.

distortion experiment screen shot

online demo

some parts of the warping code are taken from @migurskis canvas warp demo.

build script

the build script takes care of concatenating and minifying all scripts and styles. it uses gruntjs.

please make sure that both nodejs and grunt-cli are set up properly on your machine.

run npm install from within the build/ folder to install the dependencies of the build script.

to build, run grunt production from within the build/ folder. the optimized files will get copied to the production/ folder.

third party code used in this experiment


MIT License