Switch branches/tags
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
assets
dist
js
README.md
index.html

README.md

Image Distortion Mesh

This experimens uses PaperJS to basically do this:

It creates a mesh of triangles (Paths) based on the provided image and applies the average color of the correspondant point in the bitmap to each triangle.

See it in action : Demo

Config params:

size : (Integer) the width of the result visual in pixels.

resolution : (Integer) the number of color points in the horizontal axis of the image.

Noise : (Integer) the max intensity of the distortion applied to each triangle in the mesh.

pattern : (diamond, wave, diagonal) determines the orientation of each triangle the mesh.