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!