distort and warp images in the browser
Switch branches/tags
Nothing to show
Clone or download
Latest commit 74419ca Jan 5, 2018
Failed to load latest commit information.
build add build script; Nov 30, 2013
scripts add data export Jan 5, 2018
styles add data export Jan 5, 2018
.gitignore add build script; Nov 30, 2013
LICENSE update name in license Jul 21, 2013
README.md add build script; Nov 30, 2013
index.html add data export Jan 5, 2018
lincoln.jpg initial commit Jul 13, 2013


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