top of page


week 9: Documentation

Group mate: Erin Tao

After learning pixels in p5.js, we create a 3d effection mirror.


comments from audiences


Our inspiration originally came from  JUNKIYOSHI's openframeworks work. We hope to combine the lens to make a mirror that expresses the 3D contour of a human face. Create an illusion of a cloth on the face.


At the beginning, we tried to convert the camera's pixels into the brightness control of the screen in p5.js, and got this effect.


Later, we found the reference “3D Terrain Generation with Perlin Noise in Processing” in codingtrain challenge, and we thought the overall shape of the 3d terrain somehow matches our inspiration of feeling like a cloth covering the subjects that are being detected. And these are the original p5 code from Shiffman.


We finally changed it to adjust with the webCam, and it frustrated us at the beginning that we were unable to make it detect things, and everytime the camera is on, there is nothing to be detected in the p5, and somehow the .html does not work well with the webCam feature, which allowed our p5 editor crashed multiple times. Finally, by assigning the right value for the terrain[x][y]with the brightness() function that we want to use detect objects, and we also forgot to add uploadPixels() in the beginning!.. and we also made adjustment on the cam.size as well therefore we had full mirror working now!!

Comments: "noisy, connected, textile, architecture, cyberspace, trapped, neutral, black and white, sonic"

bottom of page