{"id":66808,"date":"2021-10-01T16:11:18","date_gmt":"2021-10-01T20:11:18","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=66808"},"modified":"2021-10-01T16:11:42","modified_gmt":"2021-10-01T20:11:42","slug":"project-5-modern-wallpaper","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/01\/project-5-modern-wallpaper\/","title":{"rendered":"Project 5, Modern Wallpaper"},"content":{"rendered":"\n

At first I was thinking of making a really old type of Renaissance wallpaper design with line flowers, but then I came across a few photos of modern wall paper designs and liked them much better. I decided to model my work after this photo specifically because I liked the simple pattern with the colors.<\/p>\n\n\n\n

Reference<\/figcaption><\/figure>
I mapped it out in my notebook in order to keep track of which blocks I had already made. As I made one color block and looped it correctly, I would color it in in my notepad. I also made a shape and color code to keep my code easier for myself to read.<\/p>\n\n\n\n
sketch<\/a>file><\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Georgia Miller\n\/\/Section D\n\/\/ghmiller@andrew.cmu.edu\n\/\/Project-05-A\nfunction setup() {\n createCanvas(600, 600);\n background(220);\n}\n\nfunction draw() {\n for(let row = 1; row <= 10; row += 3){\n for(let col = 1; col <= 10; col += 3){\n blockArcRYB((50 * col)- 50, (50 * row)- 50);\n }\n }\n for(let row = 1; row <= 10; row += 3){\n for(let col = 2; col <= 11; col += 3){\n blockArcTCR((50 * col)- 50, (50 * row)- 50);\n }\n }\n for(let row = 1; row <= 10; row += 3){\n for(let col = 3; col <= 12; col += 3){\n blockArcBBY(( 50 * col)- 50,( 50 * row)- 50);\n }\n }\n for(let row = 3; row <= 12; row += 3){\n for(let col = 1; col <= 10; col += 3){\n blockArcBYW((50 * col)- 50,(50 * row)- 50);\n }\n }\n for(let row = 2; row <= 12; row += 3){\n for(let col = 1; col <= 10; col += 3){\n blockArcLCB((50 * col)- 50,(50* row)- 50);\n }\n }\n for(let row = 2; row <= 11; row += 3){\n for(let col = 2; col <= 11; col += 3){\n blockArcLRW((50 * col)- 50,(50 * row)- 50);\n } \n }\n for(let row = 3; row <= 12; row += 3){\n for(let col = 2; col <= 11; col += 3){\n blockArcTCB((50 * col)- 50,(50 * row)- 50);\n }\n }\n for(let row = 2; row <= 12; row += 3){\n for(let col = 3; col <= 12; col += 3){\n blockArcTWB((50 * col)- 50,(50 * row)- 50);\n }\n }\n for(let row = 3; row <= 12; row += 3){\n for(let col = 3; col <= 12; col += 3){\n blockArcLCR((50 * col)-50,(50 * row)- 50);\n }\n }\n}\nfunction blockArcRYB(x,y) { \/\/block with arc on the right side with yellow rect blue arc\n strokeWeight(0);\n fill(255, 245, 0); \/\/yellow\n rect(x, y, 50, 50);\n fill(117, 135, 255); \/\/blue\n arc(x + 50, y + 25, 50, 50, PI\/2,(3 * PI)\/2);\n}\n\nfunction blockArcTCR(x,y) { \/\/block with arc on the top with cream rect red arc\n strokeWeight(0);\n fill(255, 225, 190); \/\/cream\n rect(x, y, 50, 50);\n fill(255, 177, 126); \/\/red\n arc(x + 25, y, 50, 50, 0, PI);\n}\n\nfunction blockArcBBY(x,y) { \/\/block with arc on the bottm with blue rect yellow arc\n strokeWeight(0);\n fill(117, 135, 255); \/\/blue\n rect(x, y, 50, 50);\n fill(255, 245, 0); \/\/yellow\n arc(x + 25, y + 50, 50, 50, PI, 0);\n}\nfunction blockArcBYW(x,y) { \/\/block with arc on the bottm with yellow rect white arc\n strokeWeight(0);\n fill(255, 245, 0); \/\/yellow\n rect(x, y, 50, 50);\n fill(255); \/\/white\n arc(x + 25, y + 50, 50, 50, PI, 0);\n}\nfunction blockArcLCB(x,y) { \/\/block with arc on the left with blue rect cream arc\n strokeWeight(0);\n fill(117, 135, 255); \/\/blue\n rect(x, y, 50, 50);\n fill(255, 225, 190); \/\/cream\n arc(x, y + 25, 50, 50, (3 * PI)\/2, PI\/2);\n}\nfunction blockArcLRW(x,y) { \/\/block with arc on the left with blue rect cream arc\n strokeWeight(0);\n fill(255, 177, 126); \/\/red\n rect(x, y, 50, 50);\n fill(255); \/\/white\n arc(x, y + 25, 50, 50, (3 * PI)\/2, PI\/2);\n}\nfunction blockArcTCB(x,y) { \/\/block with arc on the top with cream rect blue arc\n strokeWeight(0);\n fill(255, 225, 190); \/\/cream\n rect(x, y, 50, 50);\n fill(117, 135, 255); \/\/blue\n arc(x + 25, y, 50, 50, 0, PI);\n}\nfunction blockArcTWB(x,y) { \/\/block with arc on the top with white rect blue arc\n strokeWeight(0);\n fill(255); \/\/white\n rect(x, y, 50, 50);\n fill(117, 135, 255); \/\/blue\n arc(x + 25, y, 50, 50, 0, PI);\n}\nfunction blockArcLCR(x,y) { \/\/block with arc on the left with blue rect cream arc\n strokeWeight(0);\n fill(255, 225, 190); \/\/cream\n rect(x, y, 50, 50);\n fill(255, 177, 126); \/\/red\n arc(x, y + 25, 50, 50, (3 * PI)\/2, PI\/2);\n}\n<\/code><\/pre><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"712\" height=\"1024\" src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_5533-712x1024.jpg\" alt=\"\" class=\"wp-image-66813\" srcset=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_5533-712x1024.jpg 712w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_5533-209x300.jpg 209w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_5533-768x1104.jpg 768w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_5533-1069x1536.jpg 1069w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_5533-1425x2048.jpg 1425w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_5533-1200x1725.jpg 1200w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_5533-scaled.jpg 1781w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\"><figcaption>notebook sketch<\/figcaption><\/figure><p><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>At first I was thinking of making a really old type of Renaissance wallpaper design with line flowers, but then I came across a few photos of modern wall paper designs and liked them much better. I decided to model my work after this photo specifically because I liked the simple pattern with the colors. … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/01\/project-5-modern-wallpaper\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project 5, Modern Wallpaper”<\/span><\/a><\/p>\n","protected":false},"author":660,"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\/66808"}],"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\/660"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=66808"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66808\/revisions"}],"predecessor-version":[{"id":66815,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66808\/revisions\/66815"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=66808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=66808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=66808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}