Collaborative Creative Coding with p5js & Ably

Trio: 3 sketches that interact with each other

Each sketch publishes events (mouse coordinates or clicks) that other sketches respond to.

• Sketch 1 - controls size & roundness.
• Sketch 2 - controls position.
• Sketch 3 - controls jitter orientation.

Instructions

1. Create a free account at ably.com.
2. Create an Ably app and copy the default API key (`Root`). Alternatively you can create a new API key with only `publish` and `subscribe` capabilities.
3. Open one of the above sketches.
4. Paste the API Key in the password field & click Connect.
5. Have two friends join this site and let them each choose another sketch.
6. Send them the API key so they can connect as well.
7. Play around with the sketches and see what happens!

View source code on GitHub 👩‍💻. Created by Marc Duiker 🚀. Powered by .