{"id":75023,"date":"2022-11-03T19:28:50","date_gmt":"2022-11-03T23:28:50","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=75023"},"modified":"2022-11-03T19:28:50","modified_gmt":"2022-11-03T23:28:50","slug":"project-9-portrait","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/11\/03\/project-9-portrait\/","title":{"rendered":"Project 9 Portrait"},"content":{"rendered":"\n

This was pretty fun to think of different ways to create a portrait. Going off the pointillism idea, I tried to think of different shapes that could be used and experiment. I decided to use mousePressed() to restart with new shapes. I feel they all came out pretty interesting and all the shapes relate to each other differently.<\/p>\n\n\n\n

Circles<\/figcaption><\/figure>
$\"\"$
4s<\/figcaption><\/figure>
$\"\"$
Triangles<\/figcaption><\/figure><\/figure>
<\/p><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Rachel Legg \/ rlegg \/ Section C\n\nvar img;\nvar option = 1;\n\n\/\/load image\nfunction preload(){\n \/\/photo of me\n img = loadImage(\"https:\/\/i.imgur.com\/wtr45Lt.jpg\");\n}\n\nfunction setup() {\n createCanvas(450, 400);\n background(0);\n img.resize(width, height);\n img.loadPixels();\n \/\/fast frame rate\n frameRate(500);\n}\n\nfunction draw() {\n\n \/\/have random x & y for portrait\n var x = floor(random(0, 450));\n var y = floor(random(0, 400));\n \/\/use color from pixel\n var color = img.get(x, y);\n \/\/smaller shapes leads to more detail\n var s = random(3, 10);\n \n \/\/ #4 is used for each pixel\n if (option == 1){\n \/\/have shape pop as pixels\n fill(color);\n \/\/outline of light-colored stroke\n stroke(\"lightyellow\");\n strokeWeight(.5);\n stroke(color);\n textSize(s);\n text(\"4\", x, y);\n\n \/\/switch 4 to circle option w\/ mousePressed\n } else if (option == 2){\n \/\/have shape pop as pixels\n fill(color);\n \/\/outline of light-colored stroke\n stroke(\"lightyellow\");\n strokeWeight(.5);\n circle(x, y, s);\n\n \/\/switch circle to triangle option w\/ mousePressed\n } else if (option == 3){\n \/\/have shape pop as pixels\n fill(color);\n noStroke();\n strokeWeight(.5);\n triangle(x, y, x - s, y + s, x + s, y + s);\n }\n \n}\n\nfunction mousePressed(){\n option++;\n if(option > 3){\n option = 1;\n }\n background(0);\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>This was pretty fun to think of different ways to create a portrait. Going off the pointillism idea, I tried to think of different shapes that could be used and experiment. I decided to use mousePressed() to restart with new shapes. I feel they all came out pretty interesting and all the shapes relate to … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/11\/03\/project-9-portrait\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project 9 Portrait”<\/span><\/a><\/p>\n","protected":false},"author":737,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[111,57],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/75023"}],"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\/737"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=75023"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/75023\/revisions"}],"predecessor-version":[{"id":75027,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/75023\/revisions\/75027"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=75023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=75023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=75023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Circles<\/figcaption><\/figure>
$\"\"$
4s<\/figcaption><\/figure>
$\"\"$
Triangles<\/figcaption><\/figure><\/figure>
<\/p><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Rachel Legg \/ rlegg \/ Section C\n\nvar img;\nvar option = 1;\n\n\/\/load image\nfunction preload(){\n \/\/photo of me\n img = loadImage(\"https:\/\/i.imgur.com\/wtr45Lt.jpg\");\n}\n\nfunction setup() {\n createCanvas(450, 400);\n background(0);\n img.resize(width, height);\n img.loadPixels();\n \/\/fast frame rate\n frameRate(500);\n}\n\nfunction draw() {\n\n \/\/have random x & y for portrait\n var x = floor(random(0, 450));\n var y = floor(random(0, 400));\n \/\/use color from pixel\n var color = img.get(x, y);\n \/\/smaller shapes leads to more detail\n var s = random(3, 10);\n \n \/\/ #4 is used for each pixel\n if (option == 1){\n \/\/have shape pop as pixels\n fill(color);\n \/\/outline of light-colored stroke\n stroke(\"lightyellow\");\n strokeWeight(.5);\n stroke(color);\n textSize(s);\n text(\"4\", x, y);\n\n \/\/switch 4 to circle option w\/ mousePressed\n } else if (option == 2){\n \/\/have shape pop as pixels\n fill(color);\n \/\/outline of light-colored stroke\n stroke(\"lightyellow\");\n strokeWeight(.5);\n circle(x, y, s);\n\n \/\/switch circle to triangle option w\/ mousePressed\n } else if (option == 3){\n \/\/have shape pop as pixels\n fill(color);\n noStroke();\n strokeWeight(.5);\n triangle(x, y, x - s, y + s, x + s, y + s);\n }\n \n}\n\nfunction mousePressed(){\n option++;\n if(option > 3){\n option = 1;\n }\n background(0);\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>This was pretty fun to think of different ways to create a portrait. Going off the pointillism idea, I tried to think of different shapes that could be used and experiment. I decided to use mousePressed() to restart with new shapes. I feel they all came out pretty interesting and all the shapes relate to … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/11\/03\/project-9-portrait\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project 9 Portrait”<\/span><\/a><\/p>\n","protected":false},"author":737,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[111,57],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/75023"}],"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\/737"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=75023"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/75023\/revisions"}],"predecessor-version":[{"id":75027,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/75023\/revisions\/75027"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=75023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=75023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=75023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}