Maptastic JS

A dead-simple projection mapping script for web based content. This utility allows any HTML element to have perspective distortion applied similar to projection mapping tools such as MadMapper. The script automatically wires up keyboard and mouse control for corner pin configuration, as well as auto saving/loading of the layout in local storage.

Maptastic JS makes any 2D or 3D canvas based project a potential source for VJ work, interactive projection mapping experiments, or just use it to help line up your content with a screen or wall. Since the content is transformed via 3D CSS, input events are not effected, for example, interactive controls like text boxes and buttons will still function normally.

Take a look on Github