Motion throughmultiplebrowserwindows

I built a small application in P5.js that uses the JavaScript window object to enable interaction between multiple browser windows. To check off several items on my learning wishlist, I also used this project to integrate P5.js with TypeScript — something I had been wanting to learn for a while.

I got the idea for the browser interaction from a post by Bjørn Staal. He also shared a small Three.js example that helped me understand how the principle works. Be sure to check out his work.

Specs

Published:
February 2024
Tech:
P5js

I made a variation, drawing inspiration from another project I did using Mediapipe and shaders. In each window, the fingers follow a different color scheme. But since all windows are drawing to the same canvas, you end up with multiple colours in the painting.

Resources