{"id":1058,"date":"2018-10-18T04:27:13","date_gmt":"2018-10-18T04:27:13","guid":{"rendered":"https:\/\/www.courses.tegabrain.com\/cc18\/?p=1058"},"modified":"2018-10-18T15:56:55","modified_gmt":"2018-10-18T15:56:55","slug":"crystal-chen-p2-visualizing-time","status":"publish","type":"post","link":"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/10\/18\/crystal-chen-p2-visualizing-time\/","title":{"rendered":"Crystal Chen P2-visualizing time"},"content":{"rendered":"

\"\"Link<\/strong>: \u00a0 \u00a0https:\/\/www.openprocessing.org\/sketch\/609490<\/a><\/p>\n

The central idea of my clock is to use the change of color to present passing time. The top, thinnest arc presents seconds; it goes through every color per minute. The middle arc presents minutes, which goes through all the color per hour. And the bottom arc presents hours, going through all the color per day (24 hours). The change of their color is in the same order of colors of rainbow.<\/p>\n

Here’s my rainbow at different time.<\/p>\n

At 4:37:01 AM \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/strong><\/p>\n

\"\"<\/p>\n

8:37:16AM<\/strong>\u00a0 \u00a0<\/strong>\"\"12:37:16 PM<\/strong><\/p>\n

\"\"<\/p>\n

04:05:38 PM<\/strong><\/p>\n

\"\"<\/p>\n

 <\/p>\n

Nowadays, the most common way to present time is by using digits, so I was thinking about what can also be presented by digits, and this is how I came up with my idea to use color presenting time.<\/p>\n

The most difficult part of this project is how to code the change of color. I did a research on RGB colors of a rainbow, and summarized a pattern as shown in the picture below (my draft). At different phases of time, each element of RGB color have different values, and they may be changing or fixed. So in my coding, I use boolean to separate each phase, and if statements to control the value of element of colors.<\/p>\n

\"\"<\/p>\n

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

Link: \u00a0 \u00a0https:\/\/www.openprocessing.org\/sketch\/609490 The central idea of my clock is to use the change of color to present passing time. The top, thinnest arc presents seconds; it goes through every color per minute. The middle arc presents minutes, which goes through all the color per hour. And the bottom arc presents hours, going through allRead More<\/a><\/p>\n","protected":false},"author":19,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[8],"tags":[],"class_list":["post-1058","post","type-post","status-publish","format-standard","hentry","category-p2-visualizingtime"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paeb9f-h4","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1058","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/comments?post=1058"}],"version-history":[{"count":10,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1058\/revisions"}],"predecessor-version":[{"id":1081,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1058\/revisions\/1081"}],"wp:attachment":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/media?parent=1058"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/categories?post=1058"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/tags?post=1058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}