{"id":1124,"date":"2018-10-18T08:17:45","date_gmt":"2018-10-18T08:17:45","guid":{"rendered":"https:\/\/www.courses.tegabrain.com\/cc18\/?p=1124"},"modified":"2018-10-18T15:23:35","modified_gmt":"2018-10-18T15:23:35","slug":"p2-visualizingtime","status":"publish","type":"post","link":"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/10\/18\/p2-visualizingtime\/","title":{"rendered":"P2-VisualizingTime"},"content":{"rendered":"<p>For this visualizing time project, I was planning to do the match burning idea. However, I have tried that one, but that one did not come out good and I did not know how to create the puff of smoke to represent the second either, so\u00a0instead of\u00a0using the smoke to\u00a0represent the\u00a0second, I made\u00a0three math to\u00a0each\u00a0represents second, hour, and minute. When I run the code I first\u00a0wrote, it\u00a0is still ugly\u00a0and\u00a0looks terrible.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1135\" data-permalink=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/10\/18\/p2-visualizingtime\/screen-shot-2018-10-18-at-04-07-03\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/Screen-Shot-2018-10-18-at-04.07.03.png?fit=1166%2C1454&amp;ssl=1\" data-orig-size=\"1166,1454\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screen Shot 2018-10-18 at 04.07.03\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/Screen-Shot-2018-10-18-at-04.07.03.png?fit=241%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/Screen-Shot-2018-10-18-at-04.07.03.png?fit=821%2C1024&amp;ssl=1\" class=\"alignnone size-medium wp-image-1135\" src=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/Screen-Shot-2018-10-18-at-04.07.03.png?resize=241%2C300&#038;ssl=1\" alt=\"\" width=\"241\" height=\"300\" srcset=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/Screen-Shot-2018-10-18-at-04.07.03.png?resize=241%2C300&amp;ssl=1 241w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/Screen-Shot-2018-10-18-at-04.07.03.png?resize=768%2C958&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/Screen-Shot-2018-10-18-at-04.07.03.png?resize=821%2C1024&amp;ssl=1 821w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/Screen-Shot-2018-10-18-at-04.07.03.png?w=1166&amp;ssl=1 1166w\" sizes=\"auto, (max-width: 241px) 100vw, 241px\" \/><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1134\" data-permalink=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/10\/18\/p2-visualizingtime\/face-2\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/face.gif?fit=565%2C673&amp;ssl=1\" data-orig-size=\"565,673\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"face\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/face.gif?fit=252%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/face.gif?fit=565%2C673&amp;ssl=1\" class=\"alignnone size-medium wp-image-1134\" style=\"font-size: 16px\" src=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/face.gif?resize=252%2C300&#038;ssl=1\" alt=\"\" width=\"252\" height=\"300\" \/><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1136\" data-permalink=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/10\/18\/p2-visualizingtime\/57391539836011_-pic_hd\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/57391539836011_.pic_hd.jpg?fit=1920%2C1080&amp;ssl=1\" data-orig-size=\"1920,1080\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"57391539836011_.pic_hd\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/57391539836011_.pic_hd.jpg?fit=300%2C169&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/57391539836011_.pic_hd.jpg?fit=1024%2C576&amp;ssl=1\" class=\"alignnone size-medium wp-image-1136\" src=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/57391539836011_.pic_hd.jpg?resize=300%2C169&#038;ssl=1\" alt=\"\" width=\"300\" height=\"169\" srcset=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/57391539836011_.pic_hd.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/57391539836011_.pic_hd.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/57391539836011_.pic_hd.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/57391539836011_.pic_hd.jpg?w=1920&amp;ssl=1 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>So I change my focus into a different idea instead. I decided to code three turtles one in each bar to make it looks like they are having a race. However, when I was coding the turtle. Some code went wrong, and it was a big mass of data to just draw a turtle, so I gave up on that and did the final one instead.<\/p>\n<p>I have made three bars, each bar has different faces on it and what they present is different. The first bar is second, the second bar is minute, the third bar which has a face of Baymax represent the Hour. And the final one does look\u00a0a lot better than the match one I did in the first place.<\/p>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" src='https:\/\/www.openprocessing.org\/sketch\/609524\/embed\/?#?secret=uk4D2DRn83' data-secret='uk4D2DRn83' width='800' height='600'><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>For this visualizing time project, I was planning to do the match burning idea. However, I have tried that one, but that one did not come out good and I did not know how to create the puff of smoke to represent the second either, so\u00a0instead of\u00a0using the smoke to\u00a0represent the\u00a0second, I made\u00a0three math to\u00a0each\u00a0represents<a class=\"more-link button\" href=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/10\/18\/p2-visualizingtime\/\">Read More<\/a><\/p>\n","protected":false},"author":14,"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":[1],"tags":[],"class_list":["post-1124","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paeb9f-i8","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1124","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\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/comments?post=1124"}],"version-history":[{"count":5,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1124\/revisions"}],"predecessor-version":[{"id":1205,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1124\/revisions\/1205"}],"wp:attachment":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/media?parent=1124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/categories?post=1124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/tags?post=1124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}