# P5.js Output for projection Mapping

**URL:** <https://discourse.processing.org/t/p5-js-output-for-projection-mapping/17587>\
**Category:** Project Guidance\
**Created:** [February 6, 2020, 4:20pm UTC](https://discourse.processing.org/t/p5-js-output-for-projection-mapping/17587 "2020-02-06T16:20:26Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![LaserCrafterLP](https://avatars.discourse-cdn.com/v4/letter/l/d6d6ee/32.png) [@LaserCrafterLP](https://discourse.processing.org/u/LaserCrafterLP)\
**Post date:** [February 6, 2020, 4:20pm UTC](https://discourse.processing.org/t/p5-js-output-for-projection-mapping/17587/1 "2020-02-06T16:20:26Z")

</div>

Heyho Guys^^

right now Im working on a Project in witch we would like to project some reactive Visuals we made in P5.js onto a Wall in the City.  
Right now in our normal workflow we are using Resolume for the mapping part.  
And now we are thinking about the most convenient way to do this.

The easiest way to get a Stream into Resolume would be through Spout or NDI  
But we didn’t find a good solution to stream the Canvas in one of this formants

So is der any cool way to get the p5.js Canvas into Resolume?

Thanks in advance Guys

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [February 12, 2020, 2:30am UTC](https://discourse.processing.org/t/p5-js-output-for-projection-mapping/17587/2 "2020-02-12T02:30:58Z")

</div>

Here is an example: p5.js + resolume using [socket.io](http://socket.io)

> **[rfikes4/resolume-interactive-demo](https://github.com/rfikes4/resolume-interactive-demo)**
>
> An interactive demo showcasing Resolume's features through a shared canvas using socket.io and p5.js - rfikes4/resolume-interactive-demo

---

<div class="post-metadata">

**Author:** ![jdeboi](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jdeboi/32/15011_2.png) [@jdeboi](https://discourse.processing.org/u/jdeboi)\
**Post date:** [November 16, 2021, 4:01pm UTC](https://discourse.processing.org/t/p5-js-output-for-projection-mapping/17587/3 "2021-11-16T16:01:52Z")

</div>

I just published a library for projection mapping with p5.js. You can check it out here:  
[https://github.com/jdeboi/p5.mapper](https://github.com/jdeboi/p5.mapper)

---

<div class="post-metadata">

**Author:** ![henryiswhy](https://avatars.discourse-cdn.com/v4/letter/h/8c91f0/32.png) [@henryiswhy](https://discourse.processing.org/u/henryiswhy)\
**Post date:** [November 26, 2021, 3:12am UTC](https://discourse.processing.org/t/p5-js-output-for-projection-mapping/17587/4 "2021-11-26T03:12:45Z")

</div>

OMG, thank you so much for this libray!