{"id":66871,"date":"2021-10-02T17:50:54","date_gmt":"2021-10-02T21:50:54","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=66871"},"modified":"2021-10-02T17:50:54","modified_gmt":"2021-10-02T21:50:54","slug":"project-5-wallpaper-7","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/02\/project-5-wallpaper-7\/","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><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-8.js\">czo-05-project<\/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\">var x = 75;\nvar y = 75;\nfunction setup() {\n    createCanvas(600, 600);\n    background(207, 241, 252);\n    rectMode(CENTER);\n    ellipseMode(CENTER);\n}\n\nfunction module(x, y) { \/\/creating the individual circular modules\n    noStroke();\n    fill(255);\n    ellipse(x, y, 150, 150);\n    fill(207, 241, 252); \/\/alternating fills of white and blue to create a visual pattern\n    rect(x, y, (150\/sqrt(2)),(150\/sqrt(2)));\n    fill(255);\n    ellipse(x, y, 100, 100);\n    fill(207, 241, 252);\n    ellipse(x, y, 100, 50);\n    ellipse(x, y, 50, 100);\n    fill(255);\n    ellipse(x, y, 80, 30);\n    ellipse(x, y, 30, 80);\n    fill(207, 241, 252);\n    ellipse(x, y, 40, 40);\n    fill(255);\n    rect(x, y, (40\/sqrt(2)),(40\/sqrt(2)))\n    fill(207, 241, 252);\n    ellipse(x, y, 40, 10);\n    ellipse(x, y, 10, 40);\n\n}\n\nfunction draw() {\n    for (x = 75; x &lt;= 725; x += 150) { \/\/ creating a grid to make a patterned wallpaper\n        for (y = 75; y &lt;= 725; y += 150){\n            module(x, y);\n        }\n    }\n}\n<\/code><\/pre><\/div>\n\n\n\n<p>I really like playing with geometry and colors, so I wanted to create something that can resemble a pattern or even a visual illusion when looked at from a distance.<\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>czo-05-project var x = 75; var y = 75; function setup() { createCanvas(600, 600); background(207, 241, 252); rectMode(CENTER); ellipseMode(CENTER); } function module(x, y) { \/\/creating the individual circular modules noStroke(); fill(255); ellipse(x, y, 150, 150); fill(207, 241, 252); \/\/alternating fills of white and blue to create a visual pattern rect(x, y, (150\/sqrt(2)),(150\/sqrt(2))); fill(255); ellipse(x, y, &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/02\/project-5-wallpaper-7\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 5: Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":682,"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\/66871"}],"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\/682"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=66871"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66871\/revisions"}],"predecessor-version":[{"id":66880,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66871\/revisions\/66880"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=66871"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=66871"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=66871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}