Body Architecture and Body Texture


 

Title: Body Architecture and Body Texture

Tools: p5.js, WebGL, and Kinect v.2

 


 

W H A T

 

I created two sketches -a body architecture and a body texture- using P5.js and WebGL, connected with Kinect v.2, and let 1-3 users interact with them. The server was a bit unstable, but I was able to successfully test out the sketches reacting to the gestures of the users.

 


 

BODY ARCHITECTURE :

 

C O N C E P T

 

I recreated a body architecture with huge bubbles for the user’s body and three halos above the user’s head in 3D space. Halo on the left is connected to the left hand and halo on the right is connected to the right hand, and the distances from each halo to each hand are equal to the distances from head to each according feet. Also, halo in the center is connected to the head, and the distance from the center halo to the head is equal to the distance from the head to the spine base. I wanted to encourage people to change their gestures more actively to figure out correlations among their joints in the sketch. In terms of graphics, I used WebGL, which is a JavaScript API for rendering interactive 3D and 2D graphics, and I made the mouse cursor to control the perspective of the sketch, although the perspective sometimes flickers by itself.

 


D E M O 

 


A N A L Y S I S

 

  • How does it change the body’s architecture?
    1. Orientation: there is no single yet limitless orientations. I could’ve mapped the body to rotate 90 degree (you only see the side), or I could’ve put the head down to make the body upside down.
    2. Symmetry: at first glimpse the body looks symmetrical but you really have to be very precise to make a perfect symmetry. 
    3. Center of Gravity: there is no gravity. The body sometimes looks light like balloons but sometimes looks heavy because it’s fat and bulky. 
    4. Distal v. Proximal: users couldn’t get inside of the body because it was so big.
    5. Other? It would’ve been interesting if the body’s movement was slow, bouncy and gentle. Also, it would’ve been fun to make the body squish creating intriguing sounds. 
  • How does it make you want to move?
    1. What contortions are fun to try? making spheres aligned, changing shape of the whole body to make one huge sphere, and filling out space between legs with hands were fun to try. 
    2. What’s fun to do? it was fun to shake hands and feet because they was loose and floppy. 
    3. What’s hard to do? it was hard because there was no ton of control over the body and the camera was moving and the body was flickering. 
  • Creator of the sketch: What was your intent? What else could you try?

 

Link to the sketch: Body Architecture

 


C O D E 



BODY TEXTURE:

 

C O N C E P T

 

I recreated a body texture with rainbow-colored bubbles. I just filled all the joints of the body with bubbles and 6 more sets of bubbles around each of the joints so that the bubbles are aligned in diagonal arrangements. I made opacity of the background and the bubbles very low so that the body texture gets ghost-like quality. The bubbles are almost transparent, yet it is interesting to see how the layers stack up and blend each other and all together. I wanted to encourage people to play this quality by moving and overlapping their body parts. 

 


D E M O 

 

 


A N A L Y S I S

 

  • What is the body made of? 

    -distant lights

    -blurry lights

    -balloon, light objects (black background) / muddy, heavy objects (white background)

  • Describe the substance with 5 adjectives: 

    light/ illuminecent / airy / directional/ oriented/ angled/ muddy/ electric   

  • What about the sketch makes it feel this way? 

    See through, transparent circles make them feel airy and light/ feels angled and directional because of joints I picked

  • What kind of movement does it make you want to do? 

    1. making gaps so they can stretch body apart

    2. being with other users to make patterns

    3. tilting head to match the sketch

  • Creator of the sketch: What was your intent? 

    to make light, bubbly texture

  • What else could you try?

Link to the sketch: Body Texture

 


C O D E 

 


 

Leave a Reply

Your email address will not be published. Required fields are marked *