image triangulation experiment
this is an experiment for the web browser. it uses the delaunay triangulation algorithm to alter an image.
this experiment is very much based on the triangulation image generator script. it includes several speed enhancements. it is my goal to make it fast enough for use with real time streaming input, e.g. from a web cam.
you can find another experiment that applies the triangulation to text input here: http://snorpey.github.io/text-triangulation/
triangulation effect code
if you're a developer and just interested in the code for the triangulation effect, there's a separate repository for that: triangulate-image.
build script
the build script takes care of concatenating and minifying all scripts and styles. it uses rollup and postcss.
please make sure that both nodejs is installed on your machine.
run npm install from within the build/ folder to install the dependencies of the build script.
to build, run npm run build. the optimized files will get copied to the dist/ folder.
third party code used in this experiment
- triangulate-image, by snorpey, MIT license
- eventbus, by tbreuss, BSD Clause license