distort-grid icon indicating copy to clipboard operation
distort-grid copied to clipboard

distort and warp images in the browser

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 nodejs is installed on your machine.

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

to build the project, run npm build. the optimized files will get copied to the dist/${BUILD_DATE} folder.

third party code used in this experiment

license

MIT License