{"id":66890,"date":"2021-10-02T19:24:40","date_gmt":"2021-10-02T23:24:40","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=66890"},"modified":"2021-10-02T19:24:40","modified_gmt":"2021-10-02T23:24:40","slug":"my-background-05-project","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/02\/my-background-05-project\/","title":{"rendered":"My Background &#8211; 05 Project"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body><div class=\"wp-block-file\"><a class=\"p5_sketch_link\" data-width=\"600\" data-height=\"600\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/sketch-11.js\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/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\">\/\/Brandon Yi\n\/\/Section A\n\/\/btyi@andrew.cmu.edu\n\/\/Project-05-A\nfunction setup() {\n    createCanvas(600, 600);\n    background(0);\n    rectMode(CENTER);\n}\n\nfunction draw() {\n    \/\/initializing variables \n    var d=width\/10;\n    var x=d\/2\n    var y=d\/2\n\n    \/\/iterating it over the background size\n    for (var row = 0; row &lt; width\/d; row++) {\n        y=d\/2;\n        for (var col = 0; col &lt; height\/d; col++) {\n            tile(x,y,d);\n            y+=d;\n        }\n        x+=d;\n    }\n    \n    noLoop();\n}\nfunction tile(x,y,d) {\n    \/\/translation requires a push and pop\n    push();\n    stroke(152,255,255);\n    strokeWeight(5);\n    translate(x,y)\n    fill(0);\n    ellipse(0,0,d);\n    ellipse(0,0,d-15);\n    for (var i = 0; i &lt; d; i+=10) {\n        strokeWeight(2);\n        stroke(104,0,208);\n        noFill();\n        rect(0,0,i,i)\n    }\n    pop();\n\n}\n<\/code><\/pre><\/div>\n\n\n\n<p>The trickiest part of this program was making a for loop inside the function. On top of that, it was difficult to also make the entire program relative to the background size. <\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch \/\/Brandon Yi \/\/Section A \/\/btyi@andrew.cmu.edu \/\/Project-05-A function setup() { createCanvas(600, 600); background(0); rectMode(CENTER); } function draw() { \/\/initializing variables var d=width\/10; var x=d\/2 var y=d\/2 \/\/iterating it over the background size for (var row = 0; row &lt; width\/d; row++) { y=d\/2; for (var col = 0; col &lt; height\/d; col++) { tile(x,y,d); y+=d; &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/02\/my-background-05-project\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;My Background &#8211; 05 Project&#8221;<\/span><\/a><\/p>\n","protected":false},"author":679,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104,55,1],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66890"}],"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\/679"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=66890"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66890\/revisions"}],"predecessor-version":[{"id":66896,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66890\/revisions\/66896"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=66890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=66890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=66890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}