p5.mapper

p5.mapper is a projection mapping library for p5.js. This library makes it easy to code and keystone interactive, algorithmic sketches onto quads, triangles, bezier shapes, and LED lines. Created by Jenna deBoisblanc.

Version 2.2.0 — requires p5.js 2.x. Written in TypeScript.

Examples

• basic
• lines
• bezier
• video
• instance mode

Reference

See reference/README.md for the full API reference.

Library

The built library is in the dist/ folder. Include it in your index.html after p5.js:

<script type="text/javascript" src="p5.mapper.min.js"></script>

Or via CDN:

<script src="https://cdn.jsdelivr.net/gh/jdeboi/p5.mapper/dist/p5.mapper.min.js"></script>

Building from source

npm install
npm run build

Acknowledgements

The logic of this library builds upon and/or adapts:

• David Bouchard's (Java) Processing Keystone Library
• Jenny Louthan, projection transform algorithms