{"id":68440,"date":"2021-10-31T21:12:14","date_gmt":"2021-11-01T01:12:14","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=68440"},"modified":"2021-10-31T21:15:32","modified_gmt":"2021-11-01T01:15:32","slug":"project-09-computational-portrait-3","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/31\/project-09-computational-portrait-3\/","title":{"rendered":"Project 09: Computational Portrait"},"content":{"rendered":"\n

sketch<\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Julianna Bolivar\n\/\/jbolivar@andrew.cmu.edu\n\/\/Section D\n\/\/Computational Portrait\n\nvar img;\n\nfunction preload(){\n \/\/load image\n img = loadImage(\"https:\/\/i.imgur.com\/eaETdlz.png\");\n frameRate(10);\n}\n\n\nfunction setup() {\n createCanvas(400, 400);\n}\n\n\nfunction draw() {\n image(img, 0, 0, 400, 400);\n for(var row = 0; row <= 200; row++) {\n for(var col = 0; col <= 200; col++){\n var x = col * 5;\n var y = row * 5;\n \/\/pixels\n var pixelColor = img.get(x*5, y*5);\n noStroke();\n fill(pixelColor);\n \/\/draw circle\n circle(x + 30, y + 50, 5); \n }\n }\n}<\/code><\/pre><\/p>\n\n\n\n<p>I didn’t expect my frame in frame pixels to create a distorted effect, but I really like how it looks. The spaces in between the circles allow you to see some of the original image underneath.<\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch \/\/Julianna Bolivar \/\/jbolivar@andrew.cmu.edu \/\/Section D \/\/Computational Portrait var img; function preload(){ \/\/load image img = loadImage(“https:\/\/i.imgur.com\/eaETdlz.png”); frameRate(10); } function setup() { createCanvas(400, 400); } function draw() { image(img, 0, 0, 400, 400); for(var row = 0; row <= 200; row++) { for(var col = 0; col <= 200; col++){ var x = col * … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/31\/project-09-computational-portrait-3\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project 09: Computational Portrait”<\/span><\/a><\/p>\n","protected":false},"author":640,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[110,111,58],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/68440"}],"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\/640"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=68440"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/68440\/revisions"}],"predecessor-version":[{"id":68446,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/68440\/revisions\/68446"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=68440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=68440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=68440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}