Visual Language: Taipei Logo

This week's assignment was to create a logo for a city of my choice. I chose Taipei, the capital of Taiwan.

I first analyzed the Chinese characters and the meaning behind them. I then created a mind map of what Taipei means to me. I also asked several of my classmates who have been or lived in Taipei to give me some additional feedback. 

With this information, I started sketching out some possible logos. My process was basically trying to combine two or three of the identities that were present in the mindmap. 

I knew that I wanted to incorporate food into the logo because everybody associates Taipei with the street food available at the iconic night markets. Another identity I wish to incorporate was the moped/scooter. These are everywhere in Taipei and remind me of the city whenever I see one. Lastly, was the Taipei 101 skyscraper. I was at first very hesitant to incorporate the building since it seemed so cliche. But it was hard for me not to include it due to its overwhelming presence in the city. 

I eventually ended up incorporating the food and the 101 identities for my logo, mostly inspired by a stack of bowls. Taipei 101's unique structure looks like several sections of the building are stacked on top of each other. I then used bowls because one of Taipei's most famous foods is the Taiwanese beef noodle soup. After sketching out a rough sketch, I started working on the logo digitally.

Above was the first draft of my logo. I found that the heat lines at the top of the logo did not look right. I wanted to show heat because the temperature in Taipei is incredibly hot and humid, but these heat lines didn't really convey this sort of intense heat. It eventually led me to turn these heat lines into noodles. I also felt that the removal of the outlines made the logo feel a lot less cartoony and cliparty.

Here is the final product. I put together several logos using different colors. I also situated them on a moped helmet and a t-shirt.

Special thanks to Siman Li for helping me in this design progress!

Intro to Comp Media: Morso

Play the game here!

View code here.

I created a little game that kind of teaches you morse code. I used two DOM elements: a button to start the game and a textfield to input the text that you wish to play with.

I had some trouble centering some of the DOM elements. I tried to add a div, but I wasn't too sure on how to add already created elements to it. There are also a lot of other features that I wish to incorporate into Morso:

  • collision detection between Morso and the morse code
  • multiple difficulties
  • more visual effects

Hopefully I will be able to incorporate some physical computing elements to this project it with a real morse code dialer!

Intro to Phys Comp: Serial Input

I decided to control an ICM project that's still a work in progress. I used two potentiometers as analog inputs to control the movement of an ellipse and a line.

For the Serial input, I used a ":" as a delimiter to separate the two analog inputs. I then mapped 

In p5.js, I used the split function to grab the two analog values of the potentiometer. I then mapped the values to a range that's suitable for my sketch. One value controlled the amplitude, the other value controlled the frequency.

The end result worked exactly as how I expected. Having the option to use multiple analog and digital inputs opens so many possibilities for future projects. Because I will be continuing to work on this p5 project, I have many ideas of how to incorporate physical input to its final form.