{"id":66921,"date":"2021-10-02T21:25:44","date_gmt":"2021-10-03T01:25:44","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=66921"},"modified":"2021-10-02T21:25:44","modified_gmt":"2021-10-03T01:25:44","slug":"project-5-wallpaper-10","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/02\/project-5-wallpaper-10\/","title":{"rendered":"Project 5: Wallpaper"},"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=\"500\" data-height=\"500\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/sketch-wall.js\">sketch-wall<\/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\">var x = 5\nvar y = 5\nvar w = 5\nvar h = 20\nvar dx = 8\n\nfunction setup() {\n    createCanvas(500, 500);\n    background(220);\n}\n\nfunction draw() {\n    for (hirow = 0; hirow &lt; 5; hirow += 1) { \/\/ higher rows\n        x = 5 + hirow*130\n        for (hicol = 0; hicol &lt; 5; hicol += 1) { \/\/ higher columns\n            squiggle();\n            y = 5 + hicol*154\n        }\n    }\n    for (lorow = 0; lorow &lt; 5; lorow += 1) { \/\/ lower rows\n        x = 53 + lorow*130\n        for (locol = 0; locol &lt; 5; locol += 1) { \/\/ lower columns\n            squiggle();\n            y = 100 + locol*154\n        }\n    }\n}\n\nfunction squiggle() { \/\/ diamond of arcs w\/ ellipses \n    noFill();\n    strokeWeight(1);\n    stroke(107, 70, 27);\n    for (arccount = 0; arccount &lt; 7; arccount += 1) {\n        y += 3\n        arc(x + arccount*dx, y, w, h, 3*PI\/2, PI\/2);\n        arc(x + arccount*dx, y+h, w, h, -3*PI\/2, -PI\/2);\n        arc(x + arccount*dx, y+2*h, w, h, 3*PI\/2, PI\/2);\n        arc(x + arccount*dx, y+3*h, w, h, -3*PI\/2, -PI\/2);\n    }\n    ellipse(x + 7*dx, y+h, 11, 15);\n    ellipse(x + 7*dx, y+3*h, 11, 15)\n}<\/code><\/pre><\/p>\n\n\n\n<p>For my wallpaper, I drew inspiration from <a href=\"https:\/\/www.historicnewengland.org\/explore\/collections-access\/gusn\/292892\/\">this design<\/a> circa 1805. I thought the handmade recurring pattern, most likely created through block printing, would be fun to convert to a digital format. While I took the diamond shape from the original design, I opted for a more minimalist approach that didn&rsquo;t need to align exactly to be visually interesting. <\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch-wall var x = 5 var y = 5 var w = 5 var h = 20 var dx = 8 function setup() { createCanvas(500, 500); background(220); } function draw() { for (hirow = 0; hirow &lt; 5; hirow += 1) { \/\/ higher rows x = 5 + hirow*130 for (hicol = 0; hicol &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/02\/project-5-wallpaper-10\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 5: Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":681,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104,58],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66921"}],"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\/681"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=66921"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66921\/revisions"}],"predecessor-version":[{"id":66925,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66921\/revisions\/66925"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=66921"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=66921"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=66921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}