{"id":66638,"date":"2021-09-26T23:43:11","date_gmt":"2021-09-27T03:43:11","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=66638"},"modified":"2021-09-26T23:43:11","modified_gmt":"2021-09-27T03:43:11","slug":"string-art-2","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/26\/string-art-2\/","title":{"rendered":"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><div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-196.js\" data-width=\"400\" data-height=\"400\">sketch<\/a>\n\n\n\n\n\n<p><\/p><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"400\" height=\"400\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">var dx1;\nvar dy1;\nvar dx2;\nvar dy2;\n\nvar numLines = 50;\n\nfunction setup() {\n    createCanvas(400, 400);\n    background(220);\n}\n\nfunction draw() {\n    background(200);\n    \/\/line(mouseX, mouseX, 150-mouseY, 300+mouseY);\n    \/\/line(mouseX, mouseX, 350-mouseY, 100+mouseY);\n\n    var x1 = mouseX;\n    var y1 = mouseX;\n    var x2 = mouseX;\n    var y2 = mouseX;\n\n    dx1 = (mouseX-mouseY)\/numLines;\n    dy1 = (mouseX-mouseY)\/numLines;\n    dx2 = (150-mouseY-350-mouseY)\/numLines;\n    dy2 = (300+mouseY-100+mouseY)\/numLines;\n\n    for (var i = 0; i &lt;= numLines; i += 1) {\n        stroke(0);\n        line(x1, y1, x2, y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 += dx2;\n        y2 += dy2;\n    }\n\n    var r = 20;\n\n    fill(255,140,140);\n    noStroke();\n    circle(mouseY, mouseX, 2*r);\n\n    fill(140,140,255);\n    circle(width-mouseY, height-mouseX, 40);\n\n    var xc1 = mouseY;\n    var yc1 = mouseX+r;\n    var xc2 = width-mouseY;\n    var yc2 = height-mouseX-r;\n\n\n    for (var i = 0; i &lt;= 2*PI; i += PI\/4) {\n        stroke(0);\n        line(xc1, yc1, xc2, yc2);\n        if (i &lt;= PI\/2) {\n            xc1 += r*Math.sin(i);\n            yc1 -= r-r*Math.cos(i);\n            xc2 -= r*Math.sin(i);\n            yc2 += r-r*Math.cos(i);\n        } else if (i &gt; PI\/2 & i <= PI) {\n            xc1 -= r*Math.sin(i);\n            yc1 -= r-r*Math.cos(i);\n            xc2 += r*Math.sin(i);\n            yc2 += r-r*Math.cos(i);\n        } else if (i &gt; PI & i <= 3*PI\/2) {\n            xc1 -= r*Math.sin(i);\n            yc1 += r-r*Math.cos(i);\n            xc2 += r*Math.sin(i);\n            yc2 -= r-r*Math.cos(i);\n        } else if (i &gt; 3*PI\/2 & i <= 2*PI) {\n            xc1 += r*Math.sin(i);\n            yc1 += r-r*Math.cos(i);\n            xc2 -= r*Math.sin(i);\n            yc2 -= r-r*Math.cos(i);\n        }\n    }\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch var dx1; var dy1; var dx2; var dy2; var numLines = 50; function setup() { createCanvas(400, 400); background(220); } function draw() { background(200); \/\/line(mouseX, mouseX, 150-mouseY, 300+mouseY); \/\/line(mouseX, mouseX, 350-mouseY, 100+mouseY); var x1 = mouseX; var y1 = mouseX; var x2 = mouseX; var y2 = mouseX; dx1 = (mouseX-mouseY)\/numLines; dy1 = (mouseX-mouseY)\/numLines; dx2 &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/26\/string-art-2\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;String Art&#8221;<\/span><\/a><\/p>\n","protected":false},"author":657,"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\/66638"}],"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\/657"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=66638"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66638\/revisions"}],"predecessor-version":[{"id":66643,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66638\/revisions\/66643"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=66638"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=66638"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=66638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}