{"id":66452,"date":"2021-09-25T22:55:29","date_gmt":"2021-09-26T02:55:29","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=66452"},"modified":"2021-09-25T22:55:29","modified_gmt":"2021-09-26T02:55:29","slug":"project-04-string-art-4","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/25\/project-04-string-art-4\/","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><div class=\"wp-block-file\"><a>sketch<\/a><a class=\"p5_sketch_link\" data-width=\"300\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-173.js\" download>Download<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"300\" height=\"\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">var dx1;\nvar dy1;\nvar dx2;\nvar dy2;\nvar numLines = 30;\nvar ex1;\nvar ey1;\nvar ex2;\nvar ey2;\nvar enumLines = 30;\nvar fx1;\nvar fy1;\nvar fx2;\nvar fy2;\nvar fnumLines = 30;\n\nfunction setup() {\n    createCanvas(400, 300);\n    background(220);\n    line(10, 10, 10, 100); \/\/top left shape\n    line(10, 55, 100, 55); \n    dx1 = (10 - 10)\/numLines;\n    dy1 = (100 - 10)\/numLines;\n    dx2 = (100 - 10)\/numLines;\n    dy2 = (55 - 55)\/numLines;\n    line(130, 150, 200, 200); \/\/bottom shape\n    ex1 = (200 - 130)\/enumLines;\n    ey1 = (200 - 150)\/enumLines;\n    ex2 = (130 - 200)\/enumLines;\n    ey2 = (200 - 150)\/enumLines;\n    line(250, 50, 250, 150); \/\/top right shape\n    fx1 = (250 - 250)\/fnumLines;\n    fy1 = (150 - 50)\/fnumLines;\n    fx2 = (300 - 200)\/fnumLines;\n    fy2 = (100 - 100)\/fnumLines;\n\n}\n\nfunction draw() {\n    var x1 = 10 \/\/top left shape\n    var y1 = 10\n    var x2 = 100\n    var y2 = 55\n    for (var i = 0; i &lt;= numLines; i += 1) {\n        line(x1, y1, x2, y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 += dx2;\n        y2 += dy2;\n    }\n    var eex1 = 130 \/\/bottom shape\n    var eey1 = 150\n    var eex2 = 200\n    var eey2 = 200\n    for (var i = 0; i &lt;= enumLines; i += 1) {\n        line(eex1, eey1, eex2, eey2);\n        eex1 += ex1;\n        eey1 += ey1;\n        eex2 += ex2;\n        eey2 += ey2;\n    }\n    var ffx1 = 250\n    var ffy1 = 50\n    var ffx2 = 250\n    var ffy2 = 150\n    for (var i = 0; i &lt;= fnumLines; i += 1) {\n        line(ffx1, ffy1, ffx2, ffy2);\n        ffx1 += fx1;\n        ffy1 += fy1;\n        ffx2 += fx2;\n        ffy2 += fy2;\n    }\n    noLoop();\n}\n<\/code><\/pre><\/div>\n\n\n\n<p>I thought this project was very difficult, but I am happy with my outcomes. <\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketchDownload var dx1; var dy1; var dx2; var dy2; var numLines = 30; var ex1; var ey1; var ex2; var ey2; var enumLines = 30; var fx1; var fy1; var fx2; var fy2; var fnumLines = 30; function setup() { createCanvas(400, 300); background(220); line(10, 10, 10, 100); \/\/top left shape line(10, 55, 100, 55); dx1 &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/25\/project-04-string-art-4\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 04: String Art&#8221;<\/span><\/a><\/p>\n","protected":false},"author":643,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66452"}],"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\/643"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=66452"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66452\/revisions"}],"predecessor-version":[{"id":66463,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66452\/revisions\/66463"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=66452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=66452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=66452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}