Find the code here.



This week me and Name worked on the top of Lisa’s example for the class The Body Everywhere and here to create a Web-RTC sketch on P5.js with Posenet and Ml5. The example is a continuation of our last week’s assignment.
The code allows for two users in different locations to interact sharing the same canvas and have this bubble-body minimal avatar with a digital heart positioned in the middle of their chest. In the first part of our piece, the user has to answer the question “How is your heart today?” with a color that defines the color of their heart and avatar while inside the experience. Once the edge of the body of one of the users overlays with the other’s edge, their avatars merge into one with the color of both colors mixed.