![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Animated-GIF-downsized-1.gif\")
<\/a><\/p>\n6:35<\/p>\n
3:35<\/p>\n So instead of brainstorming ideas about representing time, I brainstormed images that reminded me of time. I was particularly inspired by the study that asked people to predict a minute. From there I thought about how individuals move throughout time according to their internal clock.<\/p>\n Once I decided I wanted to make foots paths I had three major challenges. The first was finding a way to save the paths. The second was positioning and rotating the foot prints along the curve. The third was designing a way to present time with paths.<\/p>\n Challenge #1:<\/p>\n With some help from Coding Train, I learned how to use saveJSON to save the vertexes of my paths into a json file. In my final sketch I used loadJSON to call upon the paths I made manually.<\/p>\n Challenge #2:<\/p>\n Positioning and rotating the feet was my hardest problem. I learned that given a curve, if I placed foot steps perpendicular to points and alternated which side they appeared on, it looked like walking footsteps. Rotating the footsteps was just a matter and picking the next point in the curve, calculating the displacement and using atan2.<\/p>\n Finding a way to represent time with paths was a fun challenge. I tried various designs and researched time patterns. I ended up creating my own design that simultaneously looks like crossing paths, but the time is technically there.<\/p>\n Making this was a lot of trial and error and staring at a wall trying to figure out calculus. I’m excited by the final product and if I were to continue I’d try to make the foot steps more realistic and smooth out the walking. For future projects I want to break out into color. The color combinations I tried for this project turned out quite ugly, but I want to challenge myself with different color pallets.<\/p>\n P.S. (How to actually tell the time) The slowest and the most consistent path represents the hour. It only cycles through 12 hours and you can tell what hour it is by the angle and direction. I picked the four corners to represent the center of a clock so if you trace the path of the hour, image what number you’d get to if you started at the center of the clock and walked in that direction. I split the minutes into its tens and singles digit. The tens digit will always start from the bottom of the screen and has curves that you can count (0-5). The singles digit will travel across the screen (right to left) and the farther it gets to the left, the higher the singles digit is. The circular path in the center is my seconds and it takes a minute for the path to complete.<\/p>\n \/\/=================================================<\/p>\n Update<\/p>\n After reading the feedback I changed the ellipses into actual feet and I clarified how to tell the time. I experimented with colors, but ended up liking the black and white the best.<\/p>\n Updated Code<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" Footprint Clock 6:35 12:43 3:35 Sketches It took me a while to arrive at these two sketches. I played with star charts, circles, children’s imagery, and other ideas, but I found that I would get so literal with representing time. So instead of brainstorming ideas about representing time, I brainstormed images that reminded me of … Continue reading “shoez-clock”<\/span><\/a><\/p>\n","protected":false},"author":57,"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\/5067"}],"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\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=5067"}],"version-history":[{"count":12,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/5067\/revisions"}],"predecessor-version":[{"id":5322,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/5067\/revisions\/5322"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=5067"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=5067"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=5067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<\/a>12:43<\/p>\n<\/a><\/p>\nSketches<\/strong><\/h3>\n
<\/a>
\nIt took me a while to arrive at these two sketches. I played with star charts, circles, children’s imagery, and other ideas, but I found that I would get so literal with representing time.
\n<\/a><\/p>\nProcess<\/strong><\/h3>\n
<\/a><\/p>\n<\/a>Challenge #3:<\/p>\nFinal Thoughts<\/h3>\n
<\/a><\/p>\n