1. Proposal
   The original plan was to make a visualization of mathematical equation. If you are familiar with Maya there is phong function. The function that changes the surface of the object in 3D. However, the Phong is named after a mathematician whose name is Phong. So, what we see on the screen is often from the mathematical equation done by some mathematicians. So, my goal was to make a visual representation of the mathematical equation.
2. Average Equation
   So, I started with a simple equation using array. The reason that I thought of using array is that because the value that influence the visual got to be changing over time. So, I started with average equation. It was easy approach because the array can be divided by the length of the array. So, mouse X values are summed up in the array and the sum of mouseX is divided by the length of the array. I divided the windowwidth into two that if the mouse X is on the left side, it will be the negative value and if the mouse X is on the right side it would be positive value. In this way the visual would be able to increase and decrease its shape over time.
3. User Testing A
   I showed this to the class and classmates were perplexed by the complexity. They did not get the what the mouseX is doing and why the visual is keep changing. I needed to explain what the logic is behind and clarify the user interaction.
4. User Testing  B
   I simplified the visual and showed it to one of the ITPers and I got a suggestion of using a webcam. So, I created the webcam and mouseX interaction. However, even after, the mouse X was not responding fast enough. I needed something that the value changes dramatically. If you put your mouse on the right side for a long time then, you would be able to see the lines moving and moving objects over the webcam will change the movements of the lines. Also if you put your mouse on the left side for a long time then, you would be able to see the lines are diminishing. https://www.doyoki.com/project/icm/finalfin3/
5. Thanksgiving Break
   I was in the bed, dreamed that I was in the darkness and saw black ellipses moving. So, I woke up and I just opened up the laptop and started to make a black ellipse changing its radius. However, the ellipse was only getting big but small. So, I changed the if statement adding “c = -c;” Now, ellipse was changing big and small.
6. Exponential Equation
   So, I played more with ellipse making more like my dream. I needed an exponential equation. So, I changed the code from  “c = c d” to “c = c d*f.” The “f” is the counter in the for loop so it would change the value in more dramatic as:
   1 1 * 1 = 2
   2 2 * 2 = 6
   6 6 * 3 = 24
   And after changing the equation, when I looked at this sphere getting big and small, I felt like I was in the space approaching to and flying away from the star.
   
7. Final
   I added more colors, more ellipses later. And I eliminated the mouse and the webcam interaction because I wanted to eliminate user’s misunderstandings. Here is the final.
   https://www.doyoki.com/project/icm/finalfin2/
   And here is the visual interpretation of code. You can see the radius of the ellipses are changing in bigger scale.
   https://www.doyoki.com/project/icm/finalfin/
   And here is the code.
   https://gist.github.com/kdoodoo/45074466d268ed84d66a
8. Conclusion
   ICM got me a better understanding of the code. I was in the computer engineering major for the first two years of college and back then I enjoyed elective courses like design 101 more rather than doing the labs on C# and  C . ICM got me better that I like coding now. And I cannot believe there are only three semesters left at the ITP and it feels much different from the first semester of the 4 years of college. I am running out of time. ITP gotta be 4 year pr0gram.

The graphic is from the WEBGL of P5.JS. I made a music composed with FL Studio which is YES. The other is Grace’s recent music, You don’t own me. So, YES conveys my thought process well.

The music is continuously in loop. The musical sense is in a normal state that audience enjoys the music. Once the user is curious about the interaction, it might click. As the user click the mouse button, there is a transition to other view.

If that view is in temptation one will continuously click to explore as the the other music interferes the sense of normality.

And if one keeps clicking on the mouse the music will trans into abnormal state which will lose the sense of the music but it will be a noise.

As a result, I named the work, Anxiety Explosive.

Technical Note: I used the Tone.js, P5.js and WEBGL. The boxes are outcome of analyzer of the tone.js that the box’s XYZ dimensions are stretching and contracting and also it rotates related to the analyzer. Also, when the mouse is pressed, the camera is triggered related to mouse X and Y positions.

FULL SCREEN1

FULL SCREEN2

In terms of an assembly, I made pockets bit smaller which is better than bigger. Getting all 4 pieces into the 4 holes was painful. I sanded them and it was now loose by hair. It was fit but easy to remove too. So I glued the top 4 pockets. Here is the result.

The pieces came out nicely except the black laminated piece was painful to get it out. The laminated was not cut clean I had to cut manually. After Cutting manually, I sanded the edges which torn off some of the laminates. So the parts which got torn off are placed at the inside of the table.

At the master cam, I made three different G code because I had three different pieces of woods. Having multiple woods created multiple G codes. However at the CNC, it was much easier because I basically set the woods all together at the bed of the CNC. As CNC finishes one job, I switched the XYZ zeros to the new board and started cutting with the different files.

Here you may see the black wood is aligned next to the second piece.

I grabbed the material that is thick. I looked for the thickness first which later gave me a hard time.

Since the thickness of the aluminum rod was too thick, I changed the teeth of the lathe to the other form. Getting them back in the right position was hard that one at the bottom was loose due to the gravity. So, I tightened them with my hand as screwing the chuck key. And in order to check the safety I tightened them to the maximum.

After the teeth were fit, I placed the rod and started facing. Since the rod was cut not in flat I faced it. It took a lot of oiling, stop and check.

As I face the surface I noticed that the rod was not cutting flat on the outer edge. So I faced from the inside to the outside instead of from the outside to the inside. And the result was good.   

After the facing, I did turning and marked the line that I could turn as I am turning to keep myself safe.

After turning, I marked the design that I wanted to make and I used parting tool and turing tool to making it. After finishing the turning, I drilled the hole at the center. First I used the center bit to mark the center. I used 4 drill bits to get the right size from the chart.

After threading, I wanted to cut the piece into half. I used parting tool to cut then, at the middle of process I was little scared. The piece that I was about to cut was heavy and I was not confident whether the WD40 plastic pipe would catch it. So, I stopped the lathe and cut the other end with the metal saw. The piece was too small to fit in the metal saw. So I tried to cut just 1/4 of the piece. And as I finished cutting, the other piece flew to the plastic container. That was really a scary moment. So later, I would just use the lathe facing the piece to shorten it. So I finished the piece and made the thread with tapping tool.

After finishing, I found that I actually made a hole through as I am making the tap. Here is the result.

After that, I managed the process at the Mastercam. At the Autocad I used different colors to manage the pocketing and the contouring and I noticed the yellow is not readable at the Mastercam because selection made in the Mastercam is yellow.

After generating the G-code, I brought the file into the CNC and it was cutting well.

Conclusion. I noticed that in terms of height, there is a lot of difference between the number that I plugged in with the actual size because the pocketing was a cutting, basically tearing off the board a lot.

From the measurements, I made a square 48 inch by 24 inch and squished the design into this square. As I am working on the Vectorworks I found difficulty getting used to the joining lines. So, I re-sketched on the AutoCAD which I am comfortable with. After making the DWG/DXF file, I re-opened the file in the Vectorworks to make sure. At the MasterCam I managed to make a nice file and generated G-code.

 I set the board on the bed, loaded milling bit and from the CNC interface software I zeroed XYZ axes. After that, I clicked the preview and the preprocess and started.

Surprisingly, at the beginning when the machine was checking its movement it was trying to go to the end of Y axis. I stopped and looked back the file again at the MasterCam and the Vectorworks. I tried one more and it still did that strange movement. So, I looked carefully and found at the preview that the origin was far off. So the machine wanted to go to the far outside of the bed.

I opened the file again at the Vectorworks and I found the origin of XY was not at the center of the workpage by drawing a line with the staring point (0,0). It was at the left bottom corner. So, I moved drawings close to the origin and regenerated the G-code. And It was not cutting again. The bit was in the air. So, I quickly caught that I did put the positive number at the Cut Depth. So, I revisit the CamMaster and changed the number with the negative number and regenerated the G-code. Now it was cutting well. As it is cutting I vacuumed the debris.

During the cutting when the bit enters the press-fit area it made a loud noise. I paused the CNC and examined it. Since the press-fit area was too tiny the wood was cracked in the middle of the layer and it was shaking. So, I broke it away from the bit and continued the work. So, for the second round when it was almost done, I paused the machine and removed the piece beore it gets creacked. You can see them here. I sanded the final pieces and assembled them together.

Finished.

LINK TO THE INTERACTIVE MUSIC>>

I made this song which contains sad mood. From the song, I wanted to play with it and I made this.
And here is the code.

https://gist.github.com/kdoodoo/34622129d324d9a626e7

From the tone.js I played with the player because I had this mp3 file on my server and I combined the player with the javascript canvas. After making the canvas the mouse position is manipulating the parameters of the Tone. Player.

It was presented at the NYU Winter Show 2015. 

A. CONCEPT
The concept never got into my mind until starring at the fan and the midterm together when I was at the floor. First I thought of using a sewing machine but I could not handle and elaborate the mechanisms of the sewing machine to the art. I did not know what to do but the fan and the midterm just got my vision and the concept came like “bam!” After that, I sketched the concept.

B. INTENTION
My intention was making something whimsical. I believe in the whimsicalness and the randomness of the art. Since the wind is a whimsical medium, it was all set.

C. WORK

1. I placed the fan inside of the box and I found I would need some holes at the bottom of the box. I made 4 holes and I used the cut pieces as the feet of the box which can allow wind to flow.

2. I measured the height of the fan and made the top half of the box. Also I made the top cover of the box.

3. I planned to use the accelerometer but not so sure about what to put at the hole to dance around.However, I remembered the pingpong ball from Xiaolong Mu’s desk. So, I got one from him and made a hole and inserted the accelerometer inside.

4. In terms of Input, I wanted to use the pedal from the sewing machine so I checked the serial reading. The values were from 0 to 300. So, I used the if statement greater than 100. However, the pedal has a long electrical wire which seems not so responsive with low voltage.

5. Since the output is 110V AC fan, I used a 2channel relay to control them. I connected it with the multi tab power outlet. After a user testing, I found that the user does not get what is happening because the fan needs some time to accelerate to make some sound. So, I plugged in the 110V bulb to the multi tab power outlet. I wanted people to know that something is on by the light.
6. I decorated the top of the box. I thought of keeping the surface clean as a Scandinavian design. HJowever, after the in-class advise, I showed my work to family group chat and they said I need to do something like painting. So, I thought of using some permanent color markers but as I looked around the Blick, I found a copper sheets and I decided to use them. I bent them with the bending machine at the shop to look cool and make stiff so if the pingpong ball hits them, the sound comes.

D. COMPLETION

E. CONCLUSION
I thought of the first class of the physical computing. I remember digging out the junk shelf making an imaginative camera that captures the materials of the room. Acrylic piece was the spectrometer and there was acrylic tube as a 360 lens. Now, I am still digging out the junk shelf. I got the fan from Joe Mango, I got the sewing machine pedal from the soft lab. They were all found at the junk shelf. However, now I used them and it functions.