{"id":73081,"date":"2022-09-25T19:33:31","date_gmt":"2022-09-25T23:33:31","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73081"},"modified":"2022-09-25T19:33:31","modified_gmt":"2022-09-25T23:33:31","slug":"project-4-4","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/25\/project-4-4\/","title":{"rendered":"Project 4"},"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 class=\"p5_sketch_link\" data-width=\"400\" data-height=\"300\" id=\"wp-block-file--media-fa31e0d4-d541-4188-88fb-ae1b92cbe8e9\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-392.js\">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=\"300\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">var dx1; \nvar dy1; \nvar dx2; \nvar dy2; \n\nvar dxOne;\nvar dyOne;\nvar dxTwo;\nvar dyTwo; \n\nvar numLine = 50;\nvar numLineTwo = 40;\n\nfunction setup() {\n    createCanvas(400, 300);\n    background(18, 77, 26);\n    \n    strokeWeight(2);\n    \/\/ all lines two pixels wide \n\n    dx1 = (150-50)\/numLine;\n    dy1 = (300-50)\/numLine;\n    dx2 = (350-300)\/numLine;\n    dy2 = (100-300)\/numLine;\n    \n\n    dxOne = (400 - 340)\/numLineTwo;\n    dyOne = (200 - 0)\/numLineTwo;\n    dxTwo = (50 - 220)\/numLineTwo;\n    dyTwo = (80 - 0)\/numLineTwo;\n}\n\nfunction draw() {\n\n    var x1 = 5;\n    var y1 = 115;\n    var x2 = 180;\n    var y2 = 175;\n    \/\/ x and y values for left shape and vert lines\n\n    for(i  = 0; i &lt;= numLine; i++) {\n        stroke(232, 221, 202);\n        line(x1, y1, x2, y2);\n            x1 += dx1 + 5;\n            y1 += dy1;\n            x2 += dx2 - 2;\n            y2 += dy2 - 4;\n    } \/\/ draw left shape, advance by one pixel\n\n    for(i = 0; i &lt;= numLine; i+= 4) {\n        stroke(16, 46, 14);\n        line(x1, y1, x2, y2);\n            x1 += dx2 + 80;\n            y1 += dy1 + 120;\n            x2 += dx1;\n            y2 += dy2;\n    } \/\/ draw right side vert lines, advance by four pixels\n\n    var xOne = 120;\n    var yOne = 0;\n    var xTwo = 300;\n    var yTwo = 20;\n    \/\/ x and y values for orange shape\n\n    for(i = 0; i &lt;= numLineTwo; i ++) {\n        stroke(122, 65, 15);\n        line(xOne, yOne, xTwo, yTwo);\n            xOne += dxOne;\n            yOne += dyOne;\n            xTwo += dxTwo;\n            yTwo += dyTwo;\n    } \/\/ draw orange shape\n    \n    noLoop();\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch var dx1; var dy1; var dx2; var dy2; var dxOne; var dyOne; var dxTwo; var dyTwo; var numLine = 50; var numLineTwo = 40; function setup() { createCanvas(400, 300); background(18, 77, 26); strokeWeight(2); \/\/ all lines two pixels wide dx1 = (150-50)\/numLine; dy1 = (300-50)\/numLine; dx2 = (350-300)\/numLine; dy2 = (100-300)\/numLine; dxOne = (400 &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/25\/project-4-4\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 4&#8221;<\/span><\/a><\/p>\n","protected":false},"author":721,"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\/f2022\/wp-json\/wp\/v2\/posts\/73081"}],"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\/721"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73081"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73081\/revisions"}],"predecessor-version":[{"id":73084,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73081\/revisions\/73084"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}