{"id":67101,"date":"2021-10-04T01:57:20","date_gmt":"2021-10-04T05:57:20","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=67101"},"modified":"2021-10-04T02:14:04","modified_gmt":"2021-10-04T06:14:04","slug":"project-5-wallpaper-18","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/04\/project-5-wallpaper-18\/","title":{"rendered":"Project 5: Wallpaper"},"content":{"rendered":"\n

sketch<\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Elise Chapman\n\/\/ejchapma\n\/\/Section D\n\nfunction setup() {\n createCanvas(200,600);\n background(158,98,64);\n rectMode(CENTER);\n}\n\n\/\/light brown: 222,164,126\n\/\/red: 205,70,49\n\/\/cream: 248,242,220\n\/\/blue: 129,173,200\n\/\/dark blue: 118,148,159\n\/\/wine: 65,11,19\n\nfunction draw() {\n for (var snowNum=0; snowNum<=50; snowNum+=1) {\n var xPos=random(0,width);\n var yPos=random(0,height);\n interest(xPos,yPos);\n }\n for (var x=0; x<=width; x+=100){\n for (var y=0; y<=height; y+=180) {\n flower(x,y);\n }\n }\n for (var x=50; x<=width; x+=100) {\n for (var y=90; y<=height; y+=180) {\n star(x,y);\n }\n }\n noLoop();\n}\n\nfunction interest(x,y) {\n push();\n translate(x,y);\n noStroke();\n fill(144,82,45);\n ellipse(0,0,20);\n pop();\n}\n\nfunction diamond(x,y) {\n push();\n translate(x,y);\n strokeWeight(8);\n stroke(222,164,126);\n line(0,90,50,0);\n line(50,0,0,-90);\n line(0,-90,-50,0);\n line(-50,0,0,90);\n \/*starPiece(60,100);\n rotate(radians(90));\n starPiece(100,60);\n rotate(radians(90));\n starPiece(60,100);\n rotate(radians(90));\n starPiece(100,60);*\/\n pop();\n}\n\nfunction star(x,y) {\n push();\n translate(x,y);\n strokeWeight(4);\n stroke(106,146,161); \/\/dark blue\n fill(129,173,200); \/\/light blue\n ellipse(0,0,70);\n ellipse(0,0,50);\n ellipse(0,0,30);\n strokeWeight(2);\n push();\n rotate(radians(45));\n triangle(-9,9,0,30,9,9);\n triangle(-9,-9,0,-30,9,-9);\n triangle(-9,-9,-30,0,-9,9);\n triangle(9,-9,30,0,9,9);\n pop();\n triangle(-9,9,0,35,9,9);\n triangle(-9,-9,0,-35,9,-9);\n triangle(-9,-9,-35,0,-9,9);\n triangle(9,-9,35,0,9,9);\n fill(106,146,161);\n rect(0,0,15,15);\n pop();\n}\n\nfunction flower(x,y) {\n push();\n translate(x,y);\n strokeWeight(2);\n stroke(91,26,36);\n fill(91,26,36); \/\/wine\n ellipse(0,0,70);\n fill(205,70,49); \/\/red\n push();\n rotate(radians(45));\n rect(0,-15,25,40,80,80,80,80);\n rect(-15,0,40,25,80,80,80,80);\n rect(0,15,25,40,80,80,80,80);\n rect(15,0,40,25,80,80,80,80);\n rect(0,-15,4,20,80,80,80,80);\n rect(-15,0,20,4,80,80,80,80);\n rect(0,15,4,20,80,80,80,80);\n rect(15,0,20,4,80,80,80,80);\n pop();\n rect(0,-15,25,40,80,80,80,80);\n rect(-15,0,40,25,80,80,80,80);\n rect(0,15,25,40,80,80,80,80);\n rect(15,0,40,25,80,80,80,80);\n rect(0,-15,6,20,80,80,80,80);\n rect(-15,0,20,6,80,80,80,80);\n rect(0,15,6,20,80,80,80,80);\n rect(15,0,20,6,80,80,80,80);\n ellipse(0,0,30);\n push();\n rotate(radians(45));\n ellipse(0,10,7);\n ellipse(0,-10,7);\n ellipse(10,0,7);\n ellipse(-10,0,7);\n pop();\n ellipse(0,10,7);\n ellipse(0,-10,7);\n ellipse(10,0,7);\n ellipse(-10,0,7);\n ellipse(0,0,10);\n diamond(0,0);\n pop();\n}\n<\/code><\/pre><\/p>\n\n\n\n<\/p>\n\n\n\nI love Japanese paper wallpapers from the 1920’s and 1930’s, so I chose them as my particular inspiration for this work. I love the inspiration from nature while keeping with a more geometric feel, consistent with traditional Japanese art. Something about them feels timeless and elegant, but not boring. In particular, these two wallpapers inspired me:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1000\" height=\"1000\" src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/kazume_ebony_400.jpg\" alt=\"\" class=\"wp-image-67105\" srcset=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/kazume_ebony_400.jpg 1000w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/kazume_ebony_400-300x300.jpg 300w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/kazume_ebony_400-150x150.jpg 150w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/kazume_ebony_400-768x768.jpg 768w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\"><figcaption>Panel wallpaper with floating circular designs<\/figcaption><\/figure><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"940\" height=\"500\" src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/japanese_slide_c.jpg\" alt=\"\" class=\"wp-image-67106\" srcset=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/japanese_slide_c.jpg 940w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/japanese_slide_c-300x160.jpg 300w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/japanese_slide_c-768x409.jpg 768w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\"><figcaption>Panel wallpaper alternating between ornate rectangular strips and simple floating circular designs<\/figcaption><\/figure>The sketch I drew out before approaching the code was as follows:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"768\" src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_8828-1024x768.jpg\" alt=\"\" class=\"wp-image-67107\" srcset=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_8828-1024x768.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_8828-300x225.jpg 300w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_8828-768x576.jpg 768w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_8828-1536x1152.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_8828-2048x1536.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_8828-1200x900.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\"><figcaption>Simple sketch of overall layout, as well as potential circle fills<\/figcaption><\/figure>I also decided to include color in my design. I’m personally attracted to a lot of primary color schemes, but didn’t want to play too far into that for fear of my wallpaper looking too discordant from my Japanese inspiration. So, I settled on a dark red and a warm blue. <\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"I love Japanese paper wallpapers from the 1920’s and 1930’s, so I chose them as my particular inspiration for this work. I love the inspiration from nature while keeping with a more geometric feel, consistent with traditional Japanese art. Something about them feels timeless and elegant, but not boring. In particular, these two wallpapers inspired … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/04\/project-5-wallpaper-18\/\" class=\"more-link\">Continue reading “Project 5: Wallpaper”<\/span><\/a><\/p>\n","protected":false},"author":644,"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\/67101"}],"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\/644"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=67101"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67101\/revisions"}],"predecessor-version":[{"id":67108,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67101\/revisions\/67108"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=67101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=67101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=67101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}