{"id":73919,"date":"2022-10-08T17:25:06","date_gmt":"2022-10-08T21:25:06","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73919"},"modified":"2022-10-08T17:25:49","modified_gmt":"2022-10-08T21:25:49","slug":"project-06-4","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/08\/project-06-4\/","title":{"rendered":"Project 06"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body><p>Abstract Clock<\/p>\n\n<p>For my clock, I attempted to represent time using the method of burning candles. As we progress into the hour, the candle will become shorter and shorter until the 59th minute is reached. Then, the candle will reset to the original height. The light stripes in the background represent the hour of day on a 24-hour basis.<\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/sketch-67.js\" data-width=\"400\" data-height=\"600\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"400\" height=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ Theresa Ye\n\/\/ Section E\n\/\/ thye@andrew.cmu.edu\n\/\/ Project-06\n\nvar x = [16,16,8,12,14,15,16,16,24,28,16,16];\nvar y = [0,0,-8,-24,-16,-12,-24,-32,-20,-8,0,0];\n\nfunction setup() {\n    createCanvas(400, 400);\n    frameRate(7);\n}\n\nfunction draw() {\n    background(179,217,217);\n\n    \/\/ make background stripes (light stripes = hour)\n    strokeWeight(10);\n    stroke(102,179,179);\n    for (var i = 1; i &lt; hour(); i++) {\n        line(0,i*height\/hour(),width,i*height\/hour());\n    }\n\n    translate(width\/2 - 16, 400 - 16);\n\n    \/\/make candle :&gt; (candle burning = minutes)\n    fill('yellow');\n    stroke(0);\n    strokeWeight(2);\n    rect(6,0,20,-300 + 5*minute()+ 3)\n    ellipse(16,-300 + 5*minute() + 3,20,10);\n\n    \/\/make flame :&gt;\n    var npoints = x.length;\n    fill('pink');\n    beginShape();\n    for (var i = 0; i &lt; 12; i++) {\n        curveVertex(x[i] + random(-3,3),-300 + 5*minute() + y[i] + random(-3,3));\n    }\n    endShape(CLOSE);\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Abstract Clock For my clock, I attempted to represent time using the method of burning candles. As we progress into the hour, the candle will become shorter and shorter until the 59th minute is reached. Then, the candle will reset to the original height. The light stripes in the background represent the hour of day &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/08\/project-06-4\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 06&#8221;<\/span><\/a><\/p>\n","protected":false},"author":775,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[106,121],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73919"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/users\/775"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73919"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73919\/revisions"}],"predecessor-version":[{"id":73925,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73919\/revisions\/73925"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}