{"id":73732,"date":"2022-10-02T23:08:45","date_gmt":"2022-10-03T03:08:45","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73732"},"modified":"2022-10-02T23:08:45","modified_gmt":"2022-10-03T03:08:45","slug":"project-05-wallpaper-11","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/02\/project-05-wallpaper-11\/","title":{"rendered":"Project 05 &#8211; 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 wanted to make a wallpaper that looked like a stitched flower quilt pattern.<\/p>\n\n\n\n<p><a class=\"p5_sketch_link\" data-width=\"600\" data-height=\"600\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/sketch-48.js\">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=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/SRISHTY BHAVSAR\n\/\/15-104 PROJECT 05 \n\/\/SECTION C\n\n\n\n\/\/ COLORS\nvar w = 255 \/\/ white\nvar lbrown = (196, 164, 132); \/\/ light brown\n\n\/\/ lengths\n\nvar s = 50 \/\/sqare\n\n\n\nfunction setup() {\n    createCanvas(200, 20);\n    background(194,197,201);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    createCanvas(600,600);\n    background(194,197,201); \/\/light blue\n\n\n    \/\/ RED DIAMOND LOOP\n    push();\n    translate(300,-300);\n    rotate(radians(45)); \/\/ rotates squares to be diamonds\n    for( var x = 0; x &lt; 1200; x+= s\/2) {\n        for( var y = 0; y &lt; 1200; y+= s\/2){\n            reddiamonds(x,y);\n        } \n    }\n\n    \/\/ FLOWER DIAMOND LOOP\n    pop();\n    push();\n    translate(265,-300);\n    rotate(radians(45));\n    noFill();\n    for( var i = 0; i &lt; 2000; i+= s) {\n        for( var j = 0; j &lt; 2000; j+=s) {\n            flowerdiamonds(i,j);\n            \/\/square(i,j,s);\n        } \n    }\n\n    pop();\n\n}\n\nfunction reddiamonds(x,y) {\n    translate(x,y); \/\/ origin moves along row\n    push();\n    stroke(183, 113, 121, 70); \/\/ light red\n    strokeWeight(2);\n    noFill();\n    square(x,y,50);\n    pop();\n    translate(-x,-y); \/\/ origin moves along row\n}\n\nfunction flowerdiamonds(i,j) {\n    \/\/ lacy white dot rim of elipses that trace the diamond\n    noFill();\n    stroke(w);\n    strokeWeight(1);\n    translate(i,j);\n    \/\/ create 4 lacy rims that create a square\n    push();\n    for (var x = 0; x &lt; 60; x +=10) {\n        for(var y = 0; y &lt;10; y += 10) {\n            ellipse(x,y, 6, 4);\n        }\n    }\n    rotate(radians(90));\n    for (var x = 0; x &lt; 60; x +=10) {\n        for(var y = 0; y &lt;10; y += 10) {\n            ellipse(x,y, 6, 4);\n        }\n    }\n\n    translate(0, -50);\n    for (var x = 0; x &lt; 60; x +=10) {\n        for(var y = 0; y &lt;10; y += 10) {\n            ellipse(x,y, 6, 4);\n        }\n    }\n    translate(50,50);\n    rotate(radians(-90));\n    for (var x = 0; x &lt; 60; x +=10) {\n        for(var y = 0; y &lt;10; y += 10) {\n            ellipse(x,y, 6, 4);\n        }\n    }\n\n    pop();\n\n    \/\/FLOWER STEM\n    push()\n    translate(-4,-30);\n    rotate(radians(-40))\n    noFill();\n    stroke(w);\n    strokeWeight(1)\n    curve(6, 30, 59, 50, 60, 80, 40, 40);\n    pop()\n\n\n    \/\/FLOWER PETALS\n    push()\n    strokeWeight(1);\n    fill(196, 164, 132); \/\/ dark blue\n    translate(6,6);\n    ellipse(10,18,13,9);\n    rotate(radians(72));\n    translate(6,-30);\n    ellipse(10,18,13,9);\n    translate(-1,-67);\n    rotate(radians(72));\n    ellipse(10,18,13,9);\n    rotate(radians(72));\n    translate(-23,-71);\n    ellipse(10,18,13,9);\n    rotate(radians(72));\n    translate(-8,-77);\n    ellipse(10,18,13,9);\n    pop()\n    translate(-i,-j);\n\n}<\/code><\/pre><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>I wanted to make a wallpaper that looked like a stitched flower quilt pattern. sketch \/\/SRISHTY BHAVSAR \/\/15-104 PROJECT 05 \/\/SECTION C \/\/ COLORS var w = 255 \/\/ white var lbrown = (196, 164, 132); \/\/ light brown \/\/ lengths var s = 50 \/\/sqare function setup() { createCanvas(200, 20); background(194,197,201); text(&#8220;p5.js vers 0.9.0 &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/02\/project-05-wallpaper-11\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 05 &#8211; Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":704,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104,57],"tags":[88,61],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73732"}],"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\/704"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73732"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73732\/revisions"}],"predecessor-version":[{"id":73740,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73732\/revisions\/73740"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}