{"id":5081,"date":"2020-09-16T09:56:30","date_gmt":"2020-09-16T13:56:30","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=5081"},"modified":"2020-09-17T20:31:19","modified_gmt":"2020-09-18T00:31:19","slug":"pinkkk-clock","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/xinrantandrew-cmu-edu\/09\/16\/pinkkk-clock\/","title":{"rendered":"pinkkk-clock"},"content":{"rendered":"

<\/p>\n

From the very beginning, I wanted to do something related to typography since I am a graphic\/communications design major. My previous attempt involved me actually coding up complex typographic shapes, which actually not surprisingly, given my current computational skillset, I ended up with truly ugly looking type.<\/p>\n

With Golan’s guidance, I scratched my previous exploration and started fresh. This time I learned that even simplicity is extremely hard to control well.<\/p>\n

My final approach uses 10 letters from A to I to denote the numbers {0,1, …, 9}. One challenge Golan suggested was to limit my choice of graphic shapes that I can use to build the letters to make it interesting.<\/p>\n

<\/p>\n

A to I + Z<\/em><\/p>\n

<\/p>\n

@12:34<\/p>\n

Aside from my interest in typography, I also really wanted to take this project to practice my basic drawing and animations skills. How can I construct 9 letter with only 3 rectangles?<\/p>\n

By limiting my graphic shapes, the opportunity for smooth interpolation between the letters arose. Even though it took my forever to get to here, and I am still not satisfied with the occasional glitches, but overall, I learned a ton of basic skills through this project.<\/p>\n

<\/p>\n

<\/p>\n

@07:45<\/p>\n

There is definitely a lot lacking that I can keep working on and improve on, and I hope someday that I can actually design and implement my own generative \/ computational typography.<\/p>\n

<\/p>\n

@06:50<\/p>\n

___________________________________________<\/p>\n

After receiving feedback, I realized that my animation is not as good as it should be, and the letters will form ACAB at 13:12 in the afternoon. So I expanded my alphabet to A to L, and now the hour can be represented by a single letter. I also added the seconds digits so it’s less boring to look at. Unfortunately, I do not have time to improve my animation before the final deadline, therefore I took out the animations.<\/p>\n

<\/p>\n

CODE<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

From the very beginning, I wanted to do something related to typography since I am a graphic\/communications design major. My previous attempt involved me actually coding up complex typographic shapes, which actually not surprisingly, given my current computational skillset, I ended up with truly ugly looking type. With Golan’s guidance, I scratched my previous exploration … Continue reading “pinkkk-clock”<\/span><\/a><\/p>\n","protected":false},"author":53,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[49],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/5081"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=5081"}],"version-history":[{"count":5,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/5081\/revisions"}],"predecessor-version":[{"id":5307,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/5081\/revisions\/5307"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=5081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=5081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=5081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}