{"id":5262,"date":"2020-09-16T15:55:03","date_gmt":"2020-09-16T19:55:03","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=5262"},"modified":"2020-11-13T03:20:15","modified_gmt":"2020-11-13T08:20:15","slug":"yanwen-clock","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/16\/yanwen-clock\/","title":{"rendered":"yanwen-clock"},"content":{"rendered":"<p>&nbsp;<\/p>\n<div id='gallery-1' class='gallery galleryid-5262 gallery-columns-2 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/16\/yanwen-clock\/stage4\/'><img width=\"640\" height=\"478\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage4-640x478.png\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-1-5336\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage4-640x478.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage4-1024x764.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage4-768x573.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage4-1200x896.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage4.png 1436w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-5336'>\n\t\t\t\tStage 1\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/16\/yanwen-clock\/stage3\/'><img width=\"640\" height=\"478\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage3-640x478.png\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-1-5335\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage3-640x478.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage3-1024x764.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage3-768x573.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage3-1200x896.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage3.png 1436w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-5335'>\n\t\t\t\tStage 2\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/16\/yanwen-clock\/stage2\/'><img width=\"640\" height=\"478\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage2-640x478.png\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-1-5334\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage2-640x478.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage2-1024x764.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage2-768x573.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage2-1200x896.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage2.png 1436w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-5334'>\n\t\t\t\tStage 3\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/16\/yanwen-clock\/stage1\/'><img width=\"640\" height=\"478\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage1-640x478.png\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-1-5333\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage1-640x478.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage1-1024x764.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage1-768x573.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage1-1200x896.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage1.png 1436w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-5333'>\n\t\t\t\tStage 4\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\">Demo: <a href=\"https:\/\/yvonne-dong.github.io\/yvonne-dong.github.io\/60-212\/Clock\/index.html\">link <\/a>\u00a0&amp; Repo: <a href=\"https:\/\/github.com\/yvonne-dong\/yvonne-dong.github.io\/tree\/master\/60-212\/Clock\">link<\/a><\/p>\n<p>For my abstract clock project, I wanted to present the passage of time from the perspectives of mayflies, a species with extremely short lives. Adult mayflies have an average lifespan of one day.\u00a0I wanted to step away from presenting the exact time with seconds, minutes and hours, and instead divide the whole day into 4 stages: emergence, swarming, mating, and death. Since I couldn&#8217;t found an exact record of time of transitions, the current version is built with evenly distributing 6 hours to each stage.<\/p>\n<p>Concept: ephemerality\/decay\/\u201c\u671d\u751f\u66ae\u6b7b\u201d (birth in the morning death at dawn)<\/p>\n<div id='gallery-2' class='gallery galleryid-5262 gallery-columns-2 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/16\/yanwen-clock\/img_2021\/'><img width=\"275\" height=\"480\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2021-275x480.jpg\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2021-275x480.jpg 275w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2021-587x1024.jpg 587w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2021-768x1339.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2021-881x1536.jpg 881w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2021-1175x2048.jpg 1175w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2021-1200x2092.jpg 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2021-scaled.jpg 1469w\" sizes=\"(max-width: 275px) 85vw, 275px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/16\/yanwen-clock\/img_2020\/'><img width=\"291\" height=\"480\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2020-291x480.jpg\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2020-291x480.jpg 291w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2020-621x1024.jpg 621w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2020-768x1267.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2020-931x1536.jpg 931w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2020-1241x2048.jpg 1241w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2020-1200x1980.jpg 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_2020-scaled.jpg 1552w\" sizes=\"(max-width: 291px) 85vw, 291px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n<p>I went through a lot of adjustments from abstracting the form of mayflies to simple custom shapes, to deciding how each stage should be presented differently from the previous one. Ideally I would like to solve the frame-rate issue and look for more natural ways to show the transitioning.<\/p>\n<div id='gallery-3' class='gallery galleryid-5262 gallery-columns-2 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/16\/yanwen-clock\/stage1-2\/'><img width=\"600\" height=\"448\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage1.gif\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/16\/yanwen-clock\/stage2-2\/'><img width=\"600\" height=\"448\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage2.gif\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/16\/yanwen-clock\/stage3-2\/'><img width=\"600\" height=\"448\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage3.gif\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/16\/yanwen-clock\/stage4-2\/'><img width=\"600\" height=\"448\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/stage4.gif\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; Demo: link \u00a0&amp; Repo: link For my abstract clock project, I wanted to present the passage of time from the perspectives of mayflies, a species with extremely short lives. Adult mayflies have an average lifespan of one day.\u00a0I wanted to step away from presenting the exact time with seconds, minutes and hours, and &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/16\/yanwen-clock\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;yanwen-clock&#8221;<\/span><\/a><\/p>\n","protected":false},"author":58,"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\/5262"}],"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\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=5262"}],"version-history":[{"count":11,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/5262\/revisions"}],"predecessor-version":[{"id":5345,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/5262\/revisions\/5345"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=5262"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=5262"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=5262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}