{"id":67087,"date":"2021-10-03T23:25:10","date_gmt":"2021-10-04T03:25:10","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=67087"},"modified":"2021-10-03T23:25:10","modified_gmt":"2021-10-04T03:25:10","slug":"project-05-wallpaper-13","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/03\/project-05-wallpaper-13\/","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><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\/project-5-sketch-copy.js\">project 5 sketch copy<\/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\">\nfunction setup() {\n    createCanvas(400, 400);\n    background(204, 229, 255);\n}\n\nfunction draw() {\n  \/\/criss cross line background\n  for (y = 0; y &lt; height + 25; y += 50) {\n        for (x = 0; x &lt; width + 25; x += 50) {\n            var llength = 25;\n            strokeWeight(4);\n            stroke(102, 178, 255);\n            line(x - llength, y - llength, x + llength, y + llength);\n            line(x - llength, y + llength, x + llength, y - llength);\n        }\n    }\n    \/\/ice cream cones\n    noStroke();\n    for(var a = 25; a &lt; width; a += 50) {\n        for(var b = 25; b &lt; width; b += 100) {\n            drawcone(a, b);\n        }\n    }\n    \/\/rasberry ice cream scoops\n    for(var c = 25; c &lt; width; c += 50) {\n        for(var d = 30; d &lt; height; d += 100) {\n            rasberryscoop(c,d);\n        }\n    \/\/chocolate ice cream scoops\n     for(var e = 75; e &lt; width; e += 100) {\n        for(var f = 30; f &lt; height; f += 100) {\n            chocolatescoop(e,f);\n        }\n     }\n     \n    \/\/white dots \n      for (var y = 0; y &lt; 6; y++) {\n        for (var x = 0; x &lt; 6; x++) {\n            fill(255);\n            circle(x * 100 + 50, y *100 + 50, 7);\n            noLoop();\n      }\n    }\n  }\n}\n\nfunction drawcone(a, b) {\n    fill(255, 204, 153);\n    triangle(a - 7, b + 10, a, b + 30, a + 7, b + 10);\n}\n\nfunction rasberryscoop(c, d) {\n    fill(255, 102, 178);\n    circle(c, d, 18);\n}\n\nfunction chocolatescoop(e, f) {\n    fill(102, 51, 0);\n    circle(e, f, 18);\n}\n\n\n\n\n<\/code><\/pre><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>When I began thinking of a design to create, I was pretty hungry so naturally I had my main pattern be a dessert. Originally my background was going to be vertical straight lines but I ended up making them diagonal to create a criss-cross look. I knew I wanted to incorporate alternating color scoops, and since we have had a good amount of practice with this it wasn&rsquo;t hard to code. I thought having dots at some of the intersections of the blue lines would be nice, so I added that.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"450\" src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/Project-5-rough-sketch-1024x450.jpg\" alt=\"\" class=\"wp-image-67096\" srcset=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/Project-5-rough-sketch-1024x450.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/Project-5-rough-sketch-300x132.jpg 300w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/Project-5-rough-sketch-768x337.jpg 768w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/Project-5-rough-sketch-1536x674.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/Project-5-rough-sketch-2048x899.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/Project-5-rough-sketch-1200x527.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\"><figcaption>Paper sketch of wallpaper <\/figcaption><\/figure><p><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>When I began thinking of a design to create, I was pretty hungry so naturally I had my main pattern be a dessert. Originally my background was going to be vertical straight lines but I ended up making them diagonal to create a criss-cross look. I knew I wanted to incorporate alternating color scoops, and &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/03\/project-05-wallpaper-13\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 05: Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":651,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104,57],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67087"}],"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\/651"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=67087"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67087\/revisions"}],"predecessor-version":[{"id":67097,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67087\/revisions\/67097"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=67087"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=67087"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=67087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}