{"id":73514,"date":"2022-10-01T19:05:00","date_gmt":"2022-10-01T23:05:00","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73514"},"modified":"2022-10-01T19:05:00","modified_gmt":"2022-10-01T23:05:00","slug":"project-5-wallpaper-6","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-5-wallpaper-6\/","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>Shirley P5<\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/sketch-25.js\" data-width=\"600\" data-height=\"600\">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\">\/\/Xinyi Du \n\/\/15104 Section B\n\/\/xinyidu@andrew.cmu.edu\n\/\/Project-05\n\nvar w = 100; \nvar h = 100;\n\n\nfunction setup() {\n    createCanvas(600, 600);\n}\n\nfunction draw() {\n    background(0, 58, 100);\n\n    for (var col=0; col&lt;3; col++) {\n        for (var row=0; row&lt;10; row++) {\n            stroke(200, 223, 82); \/\/green\n            rotateEllipsee(w+3*w*col, h-100+h*row);\n            stroke(221,160,221); \/\/pink\n            fill(221-90,160-90,221-90); \/\/pink\n            circleLine2(w+3*w*col, h-100+h*row);\n        }\n    }\n    for (var col=0; col&lt;3; col++) {\n        for (var row=0; row&lt;10; row++) {\n            stroke(221,160,221); \/\/pink\n            rotateEllipsee(w+100+3*w*col, 0+h*row);\n            stroke(200, 223, 82); \/\/green\n            fill(200-90, 223-90, 82-90); \/\/green\n            circleLine2(w+100+3*w*col, 0+h*row);   \n        }\n    }\n    for (var col=0; col&lt;3; col++) {\n        for (var row=0; row&lt;10; row++) {\n            stroke(200, 223, 82); \/\/green\n            circless(-20+3*w*col, h\/2+h*row);\n            stroke(221,160,221); \/\/pink\n            circless(20+3*w*col, -50+h\/2+h*row);\n        }\n    }\n    \n}\n\n\/\/draw the small circles and lines\nfunction circleLine(x, y) {\n    strokeWeight(1.5);\n    push();\n    translate(x, y); \n    line(60\/2-5, 0, 60\/2+20*sqrt(2), 0); \n    ellipse(60\/2+20*sqrt(2)-10\/2, 0, 10, 10);\n    rotate(radians(25)); \/\/rotate to get the second pair of ellipse and line 25 degrees above\n    line(60\/2-5, 0, 60\/2+20*sqrt(2)-5, 0); \n    ellipse(60\/2+20*sqrt(2)-10\/2-5, 0, 10, 10);\n    rotate(radians(-50)); \/\/rotate to get the third pair of ellipse and line 25 degrees below\n    line(60\/2-5, 0, 60\/2+20*sqrt(2)-5, 0); \n    ellipse(60\/2+20*sqrt(2)-10\/2-5, 0, 10, 10);\n    pop();\n}\n\n\/\/draw the ellipses center on (x,y)\nfunction ellipsee(x, y) {\n    strokeWeight(1.5);\n    \/\/mirror the small circles and lines though rotating them 18 degrees\n    circleLine(x, y); \n    push();\n    translate(x, y);\n    rotate(radians(180));\n    circleLine(0, 0);\n    pop();\n\n    \/\/white ellipses\n    fill(0, 58, 100);\n    ellipse(x, y, 60, 39);\n    ellipse(x, y, 40, 26);\n    ellipse(x, y, 20, 13);\n}\n\n\/\/roatate the ellipses drawn in the previous function\nfunction rotateEllipsee(x, y) { \n    fill(0, 58, 100);\n    push();\n    translate(x, y);\n    rotate(radians(-45));\/\/rotate -45 degrees\n    ellipsee(0, 0);\n    pop();\n}\n\n\/\/draw the vertical lines and circles\nfunction circleLine2(x, y) {\n    strokeWeight(2);\n    \/\/fill(221,160,221);\n    line(x, y-w, x, y-w+50);\n    line(x, y-w+50, x, y-w+50+h);\n    line(x, y-w+50+h, x, y-w+50+h+50);\n    ellipse(x, y-w+50, 12);\n    ellipse(x, y-w+50+h, 12);\n}\n\n\/\/draw the vertical circles\nfunction circless(x, y) {\n    strokeWeight(1.5);\n    noFill();\n    ellipse(x, y, 25);\n    ellipse(x, y, 10);\n    ellipse(x, y-25, 7);\n    ellipse(x, y+25, 7);\n    ellipse(x, y-42, 7);\n    ellipse(x, y+42, 7);\n}\n\n    \n\n\n\n\n\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Shirley P5 sketch \/\/Xinyi Du \/\/15104 Section B \/\/xinyidu@andrew.cmu.edu \/\/Project-05 var w = 100; var h = 100; function setup() { createCanvas(600, 600); } function draw() { background(0, 58, 100); for (var col=0; col&lt;3; col++) { for (var row=0; row&lt;10; row++) { stroke(200, 223, 82); \/\/green rotateEllipsee(w+3*w*col, h-100+h*row); stroke(221,160,221); \/\/pink fill(221-90,160-90,221-90); \/\/pink circleLine2(w+3*w*col, h-100+h*row); } &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-5-wallpaper-6\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 5: Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":716,"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\/73514"}],"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\/716"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73514"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73514\/revisions"}],"predecessor-version":[{"id":73519,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73514\/revisions\/73519"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}