{"id":73269,"date":"2022-09-30T12:17:12","date_gmt":"2022-09-30T16:17:12","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73269"},"modified":"2022-09-30T12:17:12","modified_gmt":"2022-09-30T16:17:12","slug":"project-5-wallpaper","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/30\/project-5-wallpaper\/","title":{"rendered":"Project 5: 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>I decided to go full floral vintage and make a flower wallpaper! Also thought it would be cute to have a little tear in the corner, revealing the wood paneling underneath. <\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-403.js\" data-width=\"600\" data-height=\"400\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/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(224, 224, 197);\n}\n\nfunction draw() {\n\tbackground(224, 224, 197);\n\tfor(var y = 0; y &lt; 500; y += 100){\n\t\tfor(var x = 0; x &lt; 800; x += 200){\n\t\t\tdrawFlower(x, y);\n\t\t}\n\t}\n\n\tfor(var y = -50; y &lt; 500; y += 100){\n\t\tfor(var x = 100; x &lt; 800; x += 200){\n\t\t\tdrawFlower(x, y);\n\t\t}\n\t}\n\n    for(var col = 500; col &lt; 600; col += 40){\n        strokeWeight(2)\n        stroke(110, 94, 66);\n        fill(186, 156, 95);\n        rect(col, 350, 40, 50);\n    }\n\n    strokeWeight(3);\n    stroke(250, 245, 237);\n    fill(250, 245, 237);\n    triangle(500, 350, 500, 400, 600, 350);\n}\n\nfunction drawFlower(x, y) {\n\tpush();\n\ttranslate(x, y); \n\tstrokeWeight(8);\n\tstroke(184, 176, 79); \/\/green stem color\n\tline(-25, 35, -40, 50);\n\tline(-40, 50, -45, 60);\n\tline(-45, 60, -55, 20);\n\tline(-55, 20, -55, 0);\n\tline(-45, 60, -55, 90);\n\n\tstrokeWeight(0);\n\tfill(184, 176, 79); \/\/same green\n\tellipse(-55, 0, 20, 30);\n\n\tpush();\n\trotate(radians(30));\n\tfill(209, 187, 96); \/\/underside of stem color\n    rect(-10, 0, 15, 45);\n    pop();\n\n    fill(230, 158, 57); \/\/main flower orange color\n    rect(-15, -35, 30, 50); \/\/base of the flowers\n    rect(-35, -5, 40, 20);\n    rect(5, -5, 30, 30); \n    rect(-15, 15, 20, 20);\n\n    push();\n    rotate(radians(45));\n    rect(-14, 6, 15, 30);\n    rect(-32, -4, 30, 15);\n    rect(-5, -35, 15, 30);\n    pop();\n\n    strokeWeight(1);\n    stroke(212, 127, 42); \/\/dark orange thin line flower color\n    line(0, 0, -3, -25);\n    line(0, 0, 7, -25);\n    line(0, 0, -8, -25);\n    line(0, 0, 12, -25);\n    line(0, 0, -30, 1);\n    line(0, 0, -30, -2);\n    line(0, 0, -25, 15);\n    line(0, 0, -20, 20);\n    line(0, 0, 27, 15);\n    line(0, 0, 25, 20);\n    line(0, 0, 30, 5);\n    line(0, 0, 30, 0);\n\n    stroke(250, 231, 180); \/\/flower light cream color\n    strokeWeight(2);\n    line(0, 0, 3, -25);\n    line(0, 0, -30, 5);\n    line(0, 0, 30, 10);\n\n    strokeWeight(1);\n    stroke(242, 223, 145); \/\/lines connecting seeds color\n    line(0, 0, 10, -10);\n    line(0, 0, 9, -5);\n    line(0, 0, 13, -13);\n    line(0, 0, 15, -18);\n    line(0, 0, 10, -15);\n\n    strokeWeight(0);\n    fill(69, 43, 31); \/\/seed color\n    ellipse(10, -10, 3, 3);\n    ellipse(9, -5, 3, 3);\n    ellipse(13, -13, 3, 3);\n    ellipse(15, -18, 3, 3);\n    ellipse(10, -15, 3, 3);\n    pop();\n}<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>I decided to go full floral vintage and make a flower wallpaper! Also thought it would be cute to have a little tear in the corner, revealing the wood paneling underneath. sketch function setup() { createCanvas(600, 400); background(224, 224, 197); } function draw() { background(224, 224, 197); for(var y = 0; y &lt; 500; y &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/30\/project-5-wallpaper\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 5: Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":766,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104,56],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73269"}],"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\/766"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73269"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73269\/revisions"}],"predecessor-version":[{"id":73270,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73269\/revisions\/73270"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}