{"id":73276,"date":"2022-09-30T16:15:43","date_gmt":"2022-09-30T20:15:43","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73276"},"modified":"2022-09-30T16:17:37","modified_gmt":"2022-09-30T20:17:37","slug":"project-05-wallpaper","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/30\/project-05-wallpaper\/","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>For making my wallpaper, I first drew the sketch below where I wanted there to be a striped background, flowers, and a curving dotted line behind the flowers that would connect them vertically. Once I achieved this, I adjusted some things like making the flowers have more layers and, instead of one stripe behind each flower column, I decided I liked many stripes better. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"764\" src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5807-1-1024x764.jpg\" alt=\"\" class=\"wp-image-73278\" srcset=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5807-1-1024x764.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5807-1-300x224.jpg 300w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5807-1-768x573.jpg 768w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5807-1-1536x1146.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5807-1-2048x1528.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5807-1-1200x895.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\"><\/figure><div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-404.js\" data-width=\"600\" data-height=\"450\">project5<\/a>\n\n\n\n<p><\/p><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"600\" height=\"450\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ Rachel Legg \/ rlegg \/ Section C\n\nfunction setup() {\n    createCanvas(600, 600);\n    background(175, 190, 220);      \n}\n\nfunction draw() {\n    \/\/blue stripes behind\n    for(var x = 10; x &lt;= width; x += 100){\n        stripeBlue(x, 0);\n\n    }\n\n    \/\/ repeated curving line\n    for (var y = 0; y &lt; height + 20; y += 20){\n        for(var x = 1; x &lt; width; x += 2){\n            noStroke();\n            fill(255, 255, 224);\n            circle((50 * x) - 40 * cos(radians(y * 1.85)), y + 5, 10);\n        }\n    }\n\n    \/\/flower\n    for (var y = 40; y &lt;= height; y = y + 100){\n        for (var x = 50; x &lt;= width; x += 100){\n            flowerBlue(x, y);\n        }\n    }\n\nnoLoop();\n\n}\n\nfunction stripeBlue(x, y){\n    noStroke();\n    fill(119, 158, 203, 40);                   \n    rectMode(CENTER);\n    rect(x + 40, y + 300, 10, 600);\n    rect(x + 20, y + 300, 5, 600);\n    rect(x + 60, y + 300, 5, 600);\n    rect(x + 0, y + 300, 5, 600);\n    rect(x + 80, y + 300, 5, 600);\n    \/\/blue flowers every 100\n\n}\n\nfunction flowerBlue (x, y){\n    \/\/flower\n    fill(185, 200, 220); \n    stroke(255, 255, 224);\n    strokeWeight(0.75);\n    ellipse(x + 8, y + 8, 35);\n    ellipse(x - 8, y + 8, 35);\n    ellipse(x + 8, y - 8, 35);\n    ellipse(x - 8, y - 8, 35);\n    \/\/triple layer\n    ellipse(x + 8, y + 8, 25);\n    ellipse(x - 8, y + 8, 25);\n    ellipse(x + 8, y - 8, 25);\n    ellipse(x - 8, y - 8, 25);\n    \/\/double layer\n    ellipse(x + 8, y + 8, 15);\n    ellipse(x - 8, y + 8, 15);\n    ellipse(x + 8, y - 8, 15);\n    ellipse(x - 8, y - 8, 15);\n    \/\/center\n    fill(255, 255, 224);         \/\/light yellow\n    ellipse(x, y, 10);\n}\n\n\n\n    \n\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>For making my wallpaper, I first drew the sketch below where I wanted there to be a striped background, flowers, and a curving dotted line behind the flowers that would connect them vertically. Once I achieved this, I adjusted some things like making the flowers have more layers and, instead of one stripe behind each &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/30\/project-05-wallpaper\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 05 Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":737,"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\/f2022\/wp-json\/wp\/v2\/posts\/73276"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/users\/737"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73276"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73276\/revisions"}],"predecessor-version":[{"id":73283,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73276\/revisions\/73283"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73276"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73276"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}