{"id":67015,"date":"2021-10-03T16:39:34","date_gmt":"2021-10-03T20:39:34","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=67015"},"modified":"2021-10-03T16:39:34","modified_gmt":"2021-10-03T20:39:34","slug":"project-05-wallpaper-10","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/03\/project-05-wallpaper-10\/","title":{"rendered":"Project 05: 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><div class=\"wp-block-file\"><a>sketch<\/a><a class=\"p5_sketch_link\" data-height=\"400\" data-width=\"600\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/sketch-23.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=\"600\" height=\"400\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n    createCanvas(600, 400);\n    background(250, 220, 137);\n}\n\nfunction draw() {  \n    noStroke();\n    for(i = -1; i &lt; 3; i++) {\n        fill(250, 162, 137);\n        rect(70 + i * 210, 0, 50, 400);\n        for(j = 0; j &lt; 2; j++) {\n            fill(202, 227, 152);\n            arc(200 + i * 210, 70 + j * 250 - (i % 2) * 50, 140, 120, radians(80), radians(250));\n            fill(250, 220, 137);\n            arc(210 + i * 210, 70 + j * 250 - (i % 2) * 50, 140, 120, radians(80), radians(250));\n            fill(204, 112, 138);\n            circle(200 + i * 210, 45 + j * 250 - (i % 2) * 50, 17);\n            circle(213 + i * 210, 55 + j * 250 - (i % 2) * 50, 17);\n            circle(213 + i * 210, 70 + j * 250 - (i % 2) * 50, 17);\n            circle(200 + i * 210, 75 + j * 250 - (i % 2) * 50, 17);\n            circle(187 + i * 210, 55 + j * 250 - (i % 2) * 50, 17);\n            circle(187 + i * 210, 69 + j * 250 - (i % 2) * 50, 17);\n            fill(209, 158, 71);\n            circle(200 + i * 210, 61 + j * 250 - (i % 2) * 50, 20);\n            circle(165 + i * 210, 90 + j * 250 - (i % 2) * 50, 18);\n            circle(180 + i * 210, 105 + j * 250 - (i % 2) * 50, 12);\n        }\n        for(j = 0; j &lt; 2; j++) {\n            fill(202, 227, 152);\n            arc(200 + i * 210, 200 + j * 250 - (i % 2) * 50, 140, 120, radians(280), radians(100));\n            fill(250, 220, 137);\n            arc(190 + i * 210, 200 + j * 250 - (i % 2) * 50, 140, 120, radians(280), radians(100));\n            fill(204, 112, 138);\n            circle(200 + i * 210, 175 + j * 250 - (i % 2) * 50, 17);\n            circle(213 + i * 210, 185 + j * 250 - (i % 2) * 50, 17);\n            circle(213 + i * 210, 200 + j * 250 - (i % 2) * 50, 17);\n            circle(200 + i * 210, 205 + j * 250 - (i % 2) * 50, 17);\n            circle(187 + i * 210, 185 + j * 250 - (i % 2) * 50, 17);\n            circle(187 + i * 210, 199 + j * 250 - (i % 2) * 50, 17);\n            fill(209, 158, 71);\n            circle(200 + i * 210, 191 + j * 250 - (i % 2) * 50, 20);\n            circle(230 + i * 210, 220 + j * 250 - (i % 2) * 50, 18);\n            circle(215 + i * 210, 235 + j * 250 - (i % 2) * 50, 12);\n        }\n\n    }\n    noLoop();\n}<\/code><\/pre><\/div>\n\n\n\n<p>This project was very difficult, yet I enjoyed making a repetitive 2D design. I originally made it on Adobe Illustrator to get an idea of what I wanted, and the final outcome is very similar to what I wanted it to be. I used three different for loops for the rectangles and the two different columns of flowers. <\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketchDownload function setup() { createCanvas(600, 400); background(250, 220, 137); } function draw() { noStroke(); for(i = -1; i &lt; 3; i++) { fill(250, 162, 137); rect(70 + i * 210, 0, 50, 400); for(j = 0; j &lt; 2; j++) { fill(202, 227, 152); arc(200 + i * 210, 70 + j * 250 &#8211; &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/03\/project-05-wallpaper-10\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 05: Wallpaper&#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":[104,58],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67015"}],"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=67015"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67015\/revisions"}],"predecessor-version":[{"id":67018,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67015\/revisions\/67018"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=67015"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=67015"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=67015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}