{"id":66225,"date":"2021-09-19T16:49:06","date_gmt":"2021-09-19T20:49:06","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=66225"},"modified":"2021-09-19T16:49:40","modified_gmt":"2021-09-19T20:49:40","slug":"project-03-dynamic-drawing-10","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/19\/project-03-dynamic-drawing-10\/","title":{"rendered":"Project 03: Dynamic Drawing"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body><div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-155.js\" data-width=\"500\" data-height=\"500\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"500\" height=\"500\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ John Henley; 15-104 section D\n\nfunction setup() {\n    createCanvas(500, 500);\n}\n\nfunction draw() {\n    background(0);\n    strokeWeight(2);\n    noFill();\n    \n    \/\/ top-originating lines\n    stroke(mouseX\/10, 175, mouseY\/10);\n    curve(width, height, mouseY\/10, 0, 500, mouseY, 0, mouseY);\n    stroke(mouseX\/9, 175, mouseY\/9);    \n    curve(width, height, mouseY\/9, 0, 500, mouseY, 0, mouseY);\n    stroke(mouseX\/8, 175, mouseY\/8);    \n    curve(width, height, mouseY\/8, 0, 500, mouseY, 0, mouseY);\n    stroke(mouseX\/7, 175, mouseY\/7);    \n    curve(width, height, mouseY\/7, 0, 500, mouseY, 0, mouseY);\n    stroke(mouseX\/6, 175, mouseY\/6);    \n    curve(width, height, mouseY\/6, 0, 500, mouseY, 0, mouseY);\n    stroke(mouseX\/5, 175, mouseY\/5);    \n    curve(width, height, mouseY\/5, 0, 500, mouseY, 0, mouseY);\n    stroke(mouseX\/4, 175, mouseY\/4);    \n    curve(width, height, mouseY\/4, 0, 500, mouseY, 0, mouseY);\n    stroke(mouseX\/3, 175, mouseY\/3);    \n    curve(width, height, mouseY\/3, 0, 500, mouseY, 0, mouseY);\n    stroke(mouseX\/2, 175, mouseY\/2);    \n    curve(width, height, mouseY\/2, 0, 500, mouseY, 0, mouseY);\n    stroke(mouseX\/1.5, 175, mouseY\/1.5);    \n    curve(width, height, mouseY\/1.5, 0, 500, mouseY, 0, mouseY);\n    stroke(mouseX\/1.25, 175, mouseY\/1.25);    \n    curve(width, height, mouseY\/1.25, 0, 500, mouseY, 0, mouseY);\n    stroke(mouseX, 175, mouseY);    \n    curve(width, height, mouseY, 0, 500, mouseY, 0, mouseY);\n\n    \/\/ right-originating lines\n    stroke(mouseX\/10, mouseY\/10, 175);\n    curve(width, 0, width, height\/10, mouseX, 500, 0, mouseY);\n    stroke(mouseX\/9, mouseY\/9, 175);\n    curve(width, 0, width, height\/9, mouseX, 500, 0, mouseY);\n    stroke(mouseX\/8, mouseY\/8, 175);\n    curve(width, 0, width, height\/8, mouseX, 500, 0, mouseY);\n    stroke(mouseX\/7, mouseY\/7, 175);\n    curve(width, 0, width, height\/7, mouseX, 500, 0, mouseY);\n    stroke(mouseX\/6, mouseY\/6, 175);\n    curve(width, 0, width, height\/6, mouseX, 500, 0, mouseY);\n    stroke(mouseX\/5, mouseY\/5, 175);\n    curve(width, 0, width, height\/5, mouseX, 500, 0, mouseY);\n    stroke(mouseX\/4, mouseY\/4, 175);\n    curve(width, 0, width, height\/4, mouseX, 500, 0, mouseY);\n    stroke(mouseX\/3, mouseY\/3, 175);\n    curve(width, 0, width, height\/3, mouseX, 500, 0, mouseY);\n    stroke(mouseX\/2, mouseY\/2, 175);\n    curve(width, 0, width, height\/2, mouseX, 500, 0, mouseY);\n    stroke(mouseX\/1.5, mouseY\/1.5, 175);\n    curve(width, 0, width, height\/1.5, mouseX, 500, 0, mouseY);\n    stroke(mouseX\/1.25, mouseY\/1.25, 175);\n    curve(width, 0, width, height\/1.25, mouseX, 500, 0, mouseY);\n\n    \/\/ left-originating lines\n    stroke(175, mouseY\/10, mouseX\/10);\n    curve(0, height, 0, height\/10, width, mouseX, mouseY, mouseY);\n    stroke(175, mouseY\/9, mouseX\/9);\n    curve(0, height, 0, height\/9, width, mouseX, mouseY, mouseY);\n    stroke(175, mouseY\/8, mouseX\/8);\n    curve(0, height, 0, height\/8, width, mouseX, mouseY, mouseY);\n    stroke(175, mouseY\/7, mouseX\/7);    \n    curve(0, height, 0, height\/7, width, mouseX, mouseY, mouseY);\n    stroke(175, mouseY\/6, mouseX\/6);    \n    curve(0, height, 0, height\/6, width, mouseX, mouseY, mouseY);\n    stroke(175, mouseY\/5, mouseX\/5);    \n    curve(0, height, 0, height\/5, width, mouseX, mouseY, mouseY);\n    stroke(175, mouseY\/4, mouseX\/4);    \n    curve(0, height, 0, height\/4, width, mouseX, mouseY, mouseY);\n    stroke(175, mouseY\/3, mouseX\/3);    \n    curve(0, height, 0, height\/3, width, mouseX, mouseY, mouseY);\n    stroke(175, mouseY\/2, mouseX\/2);    \n    curve(0, height, 0, height\/2, width, mouseX, mouseY, mouseY);\n    stroke(175, mouseY\/1.5, mouseX\/1.5);    \n    curve(0, height, 0, height\/1.5, width, mouseX, mouseY, mouseY);\n    stroke(175, mouseY\/1.25, mouseX\/1.25);    \n    curve(0, height, 0, height\/1.25, width, mouseX, mouseY, mouseY);\n}<\/code><\/pre><\/div>\n\n\n\n<p><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch \/\/ John Henley; 15-104 section D function setup() { createCanvas(500, 500); } function draw() { background(0); strokeWeight(2); noFill(); \/\/ top-originating lines stroke(mouseX\/10, 175, mouseY\/10); curve(width, height, mouseY\/10, 0, 500, mouseY, 0, mouseY); stroke(mouseX\/9, 175, mouseY\/9); curve(width, height, mouseY\/9, 0, 500, mouseY, 0, mouseY); stroke(mouseX\/8, 175, mouseY\/8); curve(width, height, mouseY\/8, 0, 500, mouseY, 0, mouseY); &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/19\/project-03-dynamic-drawing-10\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 03: Dynamic Drawing&#8221;<\/span><\/a><\/p>\n","protected":false},"author":650,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[100],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66225"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/users\/650"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=66225"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66225\/revisions"}],"predecessor-version":[{"id":66228,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66225\/revisions\/66228"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=66225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=66225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=66225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}