poly-refractor

2D canvas "fly-eye" image filter. Built using x-tag, but can easily be ported to vanilla js or other web component frameworks.

npm install --save poly-refractor

Basic demo: Use controls to see what it can do.

Source types: Accepts media urls (.mp4, .png, etc.) as well as references to drawable elements (img, video, canvas)

Custom cells: Want some crazy tesselation pattern? Go on and have it!

quickstart

    <poly-refractor
        cells-x='9' cells-y='9'
        cell-generator='diamond'
        offset-factor='8'
        src='image.jpg'
        ></poly-refractor>