Intro to Computational Media — assignment 1

[Write a blog post about how computation applies to your interests. This could be a subject you’ve studied, a job you’ve worked, a personal hobby, or a cause you care about. What projects do you imagine making this term? What projects do you love? (Review and contribute to the ICM Inspiration Wiki page. In the same post (or a new one), document the process of creating your sketches. What pitfalls did you run into? What could you not figure out how to do? How was the experience of using the web editor? Did you post any issues to github?}

As an Architecture student in before, I am not only need to know about structures, building codes, and 3D modeling, but also learning software. While designers traditionally rely on experience and intuition to solve design problems, computation can enhance that process by encoding design decisions using a computer language.

It relies on visual programming. With visual programming, I can assemble programs graphically rather than writing code. Outputs from one node are connected to inputs on another. A program or “graph” flows from node to node along a network of connectors. The result is a graphic structure of the steps.


For me, I think the best part is saving time. Changing the path or node in the visual program, I can explore multiple design options. For example, I need design a restroom. If I encode our school’s standard design code into a visual program, I can easily generate a number of options of restroom’s plan. Thus, I can spend my design time on the other parts of the building.


Furthermore, the programming can test my design. Computational design tools make it easier to simulate building performance through the design process. If you want to know how much daylight you can expect on August, we can create a tool that measures this.



Traces, Physical Programming of Freeform Folding in Soft Matter.

“In each, a single piece of plastic transforms its shape to create aerodynamic advantage and tunable performance. Contrary to traditional mechanical activation, this method requires no complex electronics, sensors, or actuators; it decreases the total weight and minimizes failure-prone mechanisms.”

This video is attracted me a lot. A piece of plastic is dancing on the desk.

Simple, clean and interactive!


screen-shot-2016-09-14-at-4-40-47-pm screen-shot-2016-09-14-at-4-40-54-pm

My homework:

After drawing head and body by P5.JS,  I would like to do some asymmetry emotion on her face.

How to make a smile on her face?

I found I can draw  two same ellipses on the screen, then just change one ellipse color to face’s color and move a little bit higher than the first ellipse. It will be look like disappear on the screen and now she is smiling!

By using [ mousePressed], her face can change from smile to cry.

I like coding right now. It’s more creative than I thought.

Looking forward for the next class!



ITP Physical Computing –Assignment 1

[After this class’ discussion and exercise, and reading Chris Crawford’s definition and Bret Victor’s rant, how would you define physical interaction? What makes for good physical interaction? Are there works from others that you would say are good examples of digital technology that are not interactive? Write an introductory blog post and send the link to your instructor for inclusion in your class page.]

Chris Crawford defines interaction as a conversation with two actors who “listen, think and speak.” Bret Victor think everyone is interacting with their hands. Hands feel things, and hands manipulate things. “I believe that hands are our future.”

In my opinion, Physical Interactive is focused on form and behavior.

The design use different materials give us different movement and thought.

We have devoted time and energy to creating the perfect design for our product. Our product is ready and eager to start showing on the market. But it just not successful like what we thought. We forgot our client demand.

What is our client’s want ?(their behavior)?

How do we communicate we design to our client, accurately and in sufficient detail?

We need captures the client who will use a product and why it’s worth building, and communicates the design that will satisfy users. Rather than analyzing how things are, interaction design synthesizes and imagines things as they might or ought to be.



Are there works from others that you would say are good examples of digital technology that are not interactive?

Time Square’s big screen– ABC Supersign

“The 3,685-square foot electronic icon in Times Square is known to millions worldwide for its signature wavy LED ribbons, eye-catching curved ticker and daily exposure on ABC’s ‘Good Morning America’. The ABC Supersign now includes a wide range of innovative interactive features and is among the “must-see” attractions for the 1.5 million tourists and residents that pass through Times Square daily. ”

It dose a good example of digital technology but this is not interactive. We can look at it, but we can not feel, talk and respond to it.