{"id":66994,"date":"2021-10-03T16:00:38","date_gmt":"2021-10-03T20:00:38","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=66994"},"modified":"2021-10-03T16:01:33","modified_gmt":"2021-10-03T20:01:33","slug":"project-05-wallpaper-9","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/03\/project-05-wallpaper-9\/","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><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\/sketch-22.js\">sketch<\/a>\n\n\n\n<p>I thought this project was pretty fun! I approached it almost like making a singular tile and then repeating that to create the pattern.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"1007\" src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/Untitled_Artwork-1024x1007.png\" alt=\"\" class=\"wp-image-66999\" srcset=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/Untitled_Artwork-1024x1007.png 1024w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/Untitled_Artwork-300x295.png 300w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/Untitled_Artwork-768x755.png 768w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/Untitled_Artwork-1200x1180.png 1200w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/Untitled_Artwork.png 1215w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\"><\/figure><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\">\/\/Jacky Lococo\n\/\/jlococo\n\/\/section C\nfunction setup() {\n    createCanvas(500, 500);\n    background(220);\n    rectMode(CENTER) \n}\n\nfunction draw() {\n    for(var y = 125\/4; y &lt;= height-25; y += 62.5){  \/\/columns made from tile function\n        for (var x = 125\/4; x &lt;= width-25; x += 62.5){ \/\/rows for tile fuction\n        tile (x, y)\n    } \n    }\n\n}\n\nfunction tile (x,y){\n    push();\n    translate(x,y)\n\n    \/\/main square for the tile -- contains quarter arcs that will make a semi cirlce when repeated\n    strokeWeight(0)\n    fill(255, 247, 243)\n    rect(x, y, 125, 125)\n\n    \/\/black circle within the horizontal cirlce\n    strokeWeight(0)\n    fill(0)\n    ellipse(x+25, y+10, 23, 23)\n\n    \/\/horizontal arc\n    strokeWeight(0);\n    fill(242, 0, 0)\n    arc(x+25, y+10, 75, 75, 0, PI+ TWO_PI, CHORD)\n\n\n    \/\/3 lines coming from the horizontal arc\n    strokeWeight(1)\n    line(x + 25, y+10, x-25, y-62.5)\n    line(x - 12.5, y+10, x-61, y-62.5)\n    line(x + 5, y+10, x -43, y-62.5)\n\n    \/\/bottom left quarter arc to make verticle arc\n    strokeWeight(0);\n    fill(242, 0, 0)\n    arc(x-24, y+62.5, 75, 75, PI, PI*3\/2, PIE)\n\n    \/\/top left quarter arc to make verticle arc\n    strokeWeight(0);\n    fill(242, 0, 0)\n    arc(x-24, y-62.5, 75, 75, PI\/2, PI, PIE)\n\n    \/\/single left to right line\n    strokeWeight(1)\n    line(x-24, y+50, x+62.5, y-62.5)\n\n    \/\/small black arc in the middle of the verticle arc -- only shown half of ellipse \n    strokeWeight(0)\n    fill(0)\n    ellipse(x-24, y+62.5, 25, 25)\n\n    \/\/tan colored arc at the top right of the tile\n    strokeWeight(0);\n    fill(255, 247, 243)\n    arc(x-24, y-62.5, 25, 25, PI\/2, PI, PIE)\n\n    \/\/two small dots on top of each other -- sitting below horizontal arc\n    strokeWeight(0);\n    fill(0)\n    ellipse(x+25, y+55, 5, 5)\n    strokeWeight(0);\n    fill(0)\n    ellipse(x+25, y-55, 5, 5)\n\n    pop()\n}\n\n\n<\/code><\/pre><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch I thought this project was pretty fun! I approached it almost like making a singular tile and then repeating that to create the pattern. \/\/Jacky Lococo \/\/jlococo \/\/section C function setup() { createCanvas(500, 500); background(220); rectMode(CENTER) } function draw() { for(var y = 125\/4; y &lt;= height-25; y += 62.5){ \/\/columns made from tile &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/03\/project-05-wallpaper-9\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 05: Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":655,"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\/66994"}],"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\/655"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=66994"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66994\/revisions"}],"predecessor-version":[{"id":67001,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66994\/revisions\/67001"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=66994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=66994"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=66994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}