{"id":66525,"date":"2021-09-26T00:06:58","date_gmt":"2021-09-26T04:06:58","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=66525"},"modified":"2021-09-26T00:06:58","modified_gmt":"2021-09-26T04:06:58","slug":"project-04-string-art-9","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/26\/project-04-string-art-9\/","title":{"rendered":"Project-04: String-Art"},"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><a class=\"p5_sketch_link\" data-width=\"400\" data-height=\"300\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-182.js\">My Project<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"400\" height=\"300\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/allows for rotation\nvar rot = 0;\n\nfunction setup() {\n    createCanvas(400, 300);\n    background(220);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    background(220);\n    lineSpread(400, 0, 0, 400, 10, 0, 0);\n    lineSpread(0, 300, 0, 400, 10, 0, 0);\n    lineSpread(0, 0, 0, 400, 10, 0, 0);\n    lineSpread()\n    fill(220);\n    rect(300, 20, 80, 80);\n    circle(75, 225, 75);\n    if ((mouseX &gt; 300 & mouseX < 380) && (mouseY < 100 && mouseY > 20) ){\n        background(220);\n        line(150, 100, 250, 100);\n        line(150, 200, 250, 200);\n        line(150, 100, 150, 200);\n        line(250, 100, 250, 200);\n        lineSpread(200, 0, 150, 250, 10, 0, 100);\n        lineSpread(200, 300, 150, 250, 10, 0, 200);\n        lineSpread(0, 150, 100, 200, 10, 150, 0);\n        lineSpread(400, 150, 100, 200, 10, 250, 0);\n        line(0, 150, 200, 0);\n        line(200, 0, 400, 150);\n        line(200, 300, 400, 150);\n        line(0, 150, 200, 300);\n    }\n    else if (dist(mouseX, mouseY, 75, 225) &lt; 40){\n         background(220);\n         fill(220);\n         lineSpread(200, 150, 0, 300, 5, 112.5, 0);\n         lineSpread(200, 150, 0, 300, 5, 287.5, 0);\n         for (var i = 0; i &lt; 300; i += 5){\n              line(0, i, 112.5, i);\n              line(287.5, i, 400, i);\n         }\n         stroke(20);\n         circle(75, 225, 75);\n         circle(75, 75, 75);\n         circle(325, 75, 75);\n         circle(325, 225, 75);\n         lineSpread(200, 0, 150, 250, 10, 0, 60);\n         lineSpread(200, 300, 150, 250, 10, 0, 240);\n         lineSpread(200, 150, 150, 250, 10, 0, 60);\n         lineSpread(200, 150, 150, 250, 10, 0, 240);\n         push();\n         translate(75, 225);\n         rotate(radians(rot));\n         line(0, 0, 26.5, 26.5);\n         pop();\n         push();\n         translate(75, 75);\n         rotate(radians(rot));\n         line(0, 0, 26.5, 26.5);\n         pop();\n         push();\n         translate(325, 225);\n         rotate(radians(rot));\n         line(0, 0, 26.5, 26.5);\n         pop();\n         push();\n         translate(325, 75);\n         rotate(radians(rot));\n         line(0, 0, 26.5, 26.5);\n         pop();\n\n         rot = rot += 2;\n\n    }\n    else {\n        background(220);\n        lineSpread(400, 0, 0, 400, 10, 0, 0);\n        lineSpread(0, 300, 0, 400, 10, 0, 0);\n        lineSpread(0, 0, 0, 400, 10, 0, 0);\n        fill(220);\n        rect(300, 20, 80, 80);\n        circle(75, 225, 75);\n    }\n\n    \n}\n\nfunction lineSpread(x1, y1, startDegree, endDegree, lineSpace, sXNum, sYNum){\n    if (sXNum == 0 & sYNum == 0){\n    for (var degree = startDegree; degree &lt;= endDegree; degree += lineSpace){\n        line(x1, y1, degree, degree);\n    }\n    }\n    else if (sXNum &gt; 0) {\n    for (var degree = startDegree; degree &lt;= endDegree; degree += lineSpace){\n        line(x1, y1, sXNum, degree);\n    }\n    }\n    else if (sYNum &gt; 0) {\n    for (var degree = startDegree; degree &lt;= endDegree; degree += lineSpace){\n        line(x1, y1, degree, sYNum);\n    }\n}\n\n}\n<\/code><\/pre><\/p>\n\n\n\n<p>I initially tried to do something more complex, but I settled for simpler things.  I had fun writing the Function I used.<\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>I initially tried to do something more complex, but I settled for simpler things. I had fun writing the Function I used.<\/p>\n","protected":false},"author":675,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[102,56],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66525"}],"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\/675"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=66525"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66525\/revisions"}],"predecessor-version":[{"id":66528,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66525\/revisions\/66528"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=66525"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=66525"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=66525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}