{"id":73397,"date":"2022-10-01T14:58:15","date_gmt":"2022-10-01T18:58:15","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73397"},"modified":"2022-10-01T14:58:15","modified_gmt":"2022-10-01T18:58:15","slug":"project-05-2","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-05-2\/","title":{"rendered":"Project 05"},"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>Inspired by the &ldquo;Evil Eye&rdquo;, project 5 illustrates a patterned wallpaper with celestial elements and different colored eyes. I enjoyed designing the pattern \ud83d\ude42<\/p>\n\n\n\n<p><img loading=\"lazy\" width=\"1024\" height=\"773\" class=\"wp-image-73400\" style=\"width: 300px;\" src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/istockphoto-1296235255-1024x1024-1.jpeg\" alt=\"\" srcset=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/istockphoto-1296235255-1024x1024-1.jpeg 1024w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/istockphoto-1296235255-1024x1024-1-300x226.jpeg 300w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/istockphoto-1296235255-1024x1024-1-768x580.jpeg 768w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\"><\/p>\n\n\n\n<p><\/p><div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/sketch-11.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\">\/\/Jenny Wang\n\/\/Section B\n\/\/jiayiw3@andrew.cmu.edu\n\/\/Project-05\n\nfunction setup() {\n    createCanvas(600, 600);\n    background(220);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    background(\"lightyellow\");\n\n    \/\/eye1 nested loop\n    for(var x = 100; x &lt; width; x+=200){\n        for(var y = 75; y &lt; height; y += 150){\n        eye1(x,y);\n        }\n    }\n\n    \/\/eye2 nested loop\n    for(var x = -200; x &lt; width+200; x+=200){\n        for(var y = -147; y &lt; height+200; y += 149){\n        eye2(x,y);\n        }\n    }\n\n    \/\/star nested loop\n    for(var x = -100; x &lt; width+180; x+=200){\n        for(var y = -150; y &lt; height+140; y += 150){\n        fill(4,158,177);\n        star1(x,y);\n        }\n    }\n\n    \/\/moon nested loop\n    for(var x = -200; x &lt; width+200; x+=200){\n        for(var y = 75; y &lt; height; y += 150){\n        moon(x,y);\n        }\n    }\n\n\n\n\n}\n\nfunction eye1(x,y){\n    \/\/outside shape\n    fill(\"white\");\n    stroke(1,35,133);\n    strokeWeight(3);\n    beginShape();\n    vertex(x-45,y);\n    bezierVertex(x-5,y-30,x+5,y-30,x+45,y);\n    bezierVertex(x+5,y+30,x-5,y+30,x-45,y)\n    endShape();\n\n    \/\/innershape\n    fill(255,234,172);\/\/yellow\n    noStroke();\n    beginShape();\n    vertex(x-35,y);\n    bezierVertex(x,y-20,x,y-20,x+35,y);\n    bezierVertex(x,y+20,x,y+20,x-35,y)\n    endShape();\n\n    \/\/iris outer\n    noStroke();\n    fill(4,158,177);\n    ellipse(x,y,43,43);\n\n    \/\/array lines\n    stroke(255,234,172);\n    strokeWeight(2);\n    line(x,y+17,x,y-17);\n    line(x+17,y,x-17,y);\n    line(x-14,y-14,x+14,y+14);\n    line(x+14,y-14,x-14,y+14);\n\n    \/\/inner iris\n    noStroke();\n    fill(1,35,133);\n    ellipse(x,y,25,25);\n    fill(\"white\");\n    ellipse(x,y,5,5);\n}\n\nfunction eye2(x,y){\n    \/\/outside shape\n    fill(\"white\");\n    stroke(4,158,177);\n    strokeWeight(2);\n    beginShape();\n    vertex(x-45,y);\n    bezierVertex(x-5,y-30,x+5,y-30,x+45,y);\n    bezierVertex(x+5,y+30,x-5,y+30,x-45,y)\n    endShape();\n\n    \/\/innershape\n    fill(4,158,177);\/\/lightblue\n    noStroke();\n    beginShape();\n    vertex(x-35,y);\n    bezierVertex(x,y-20,x,y-20,x+35,y);\n    bezierVertex(x,y+20,x,y+20,x-35,y)\n    endShape();\n\n    \/\/iris outer\n    noStroke();\n    fill(255,234,172);\n    ellipse(x,y,43,43);\n\n    \/\/array lines\n    stroke(4,158,177);\n    strokeWeight(2);\n    line(x,y+17,x,y-17);\n    line(x+17,y,x-17,y);\n    line(x-14,y-14,x+14,y+14);\n    line(x+14,y-14,x-14,y+14);\n\n    \/\/inner iris\n    noStroke();\n    fill(1,35,133);\n    ellipse(x,y,25,25);\n    fill(\"white\");\n    ellipse(x,y,5,5);\n}\n\n\nfunction star1(x,y){\nnoStroke();\nbeginShape();\nvertex(x-3, y+2);\nvertex(x, y+20);\nvertex(x+3, y+2);\nvertex(x+12, y);\nvertex(x+3, y-2);\nvertex(x, y-20);\nvertex(x-3, y-2);\nvertex(x-12, y);\nendShape();\n}\n\nfunction moon(x,y){\n    fill(239,172,59);\n    noStroke();\n    beginShape();\n    vertex(x-15,y-5);\n    bezierVertex(x-5,y,x+5,y,x+15,y-5);\n    bezierVertex(x+5,y+10,x-5,y+10,x-15,y-5)\n    endShape();\n\n}\n   <\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Inspired by the &ldquo;Evil Eye&rdquo;, project 5 illustrates a patterned wallpaper with celestial elements and different colored eyes. I enjoyed designing the pattern \ud83d\ude42 sketch \/\/Jenny Wang \/\/Section B \/\/jiayiw3@andrew.cmu.edu \/\/Project-05 function setup() { createCanvas(600, 600); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { background(&#8220;lightyellow&#8221;); \/\/eye1 nested loop for(var x = 100; &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-05-2\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 05&#8221;<\/span><\/a><\/p>\n","protected":false},"author":769,"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\/73397"}],"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\/769"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73397"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73397\/revisions"}],"predecessor-version":[{"id":73402,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73397\/revisions\/73402"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}