HW-4: High Five

High Five

For this homework, I wanted to center the experience around the high five - some positive gesture of teamwork that would offload the increasing stress that comes with the end of the semester. A huge influence of this interactive was the Star Pose prototype at the American Museum of Natural History where users needed to mimic the constellations on the screen with their bodies; in one of the levels, the player needs to imitate the Gemini constellation that required having a partner. Like this example, I wanted to require and celebrate collaboration.

Source: https://github.com/PaulineOC/ITP-BodyEWAH-HW4

Demo: https://editor.p5js.org/MsRainwater/sketches/ijZAZTUXn

Code

I ended up using the drawing code that I had from Dancing Queen homework (HW-2). The challenge for me really lay in mapping the users to each side of the canvas as well as collision - both of which I struggled with.

Testing out the drawing code from Dancing Queen

Initial mapping of each player. Everything seemed to be ok except for the arms. I accidentally forgot to map the wrist to elbow line correctly so the arms were super truncated haha.

And then later, the arms are hilariously long because I ended up only mapping the right arm coordinates.

Prototype v1

Unfortunately, I was unable to get the collision detection working. I think I got lost in the weeds of the mapping of coordinates because in the draw loop, I still translated the player's drawing so that their movements were mirrored correctly. Then I mapped the player's X coordinates to one of half of the screen; ultimately this combination of the translating and mapping were really confusing to me. What was intended was a positive message would be triggered when the interactive would detect a high five gesture (collision between certain hands).

Page updated

Report abuse