{"id":75269,"date":"2022-11-05T22:49:53","date_gmt":"2022-11-06T02:49:53","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=75269"},"modified":"2022-11-05T22:53:22","modified_gmt":"2022-11-06T02:53:22","slug":"project-9-computational-portrait-fish-and-man","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/11\/05\/project-9-computational-portrait-fish-and-man\/","title":{"rendered":"Project 9 \u2013 Computational Portrait- Fish and Man"},"content":{"rendered":"\n

It was pretty challenging to come up with original ideas on what
can be creative for me , while we just using the color of pixels to
create a blurry version of original picture. After all, I decided
fishes are fun to draw, and if I can make them moving, I can generate
the picture very quickly as shown in the canvas.<\/p>\n\n\n\n

It’s very laggy to view all the posts, so here is a picture:<\/p>\n\n\n\n

\"\" — Final Work<\/figcaption><\/figure>
sketch<\/a>Download<\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/* Jiayi Chen\n jiayiche Section A *\/\nvar head;\nvar fish = [] \/\/array for fish\nfunction preload(){\/\/load the image\n head = loadImage('https:\/\/i.imgur.com\/VAEIjHv.jpeg');\n}\n\nfunction setup() {\n createCanvas(480, 480); \n imageMode(CENTER); \/\/exist because I don't know if it's important\n head.loadPixels(); \/\/load pixels\n background(220);\n head.resize(480,480); \/\/resize head size to canvas size\n}\n\nfunction draw(){\n var x =floor(random(0,480));\/\/a random x value\n var y =floor(random(0,480));\/\/a random y value\n\n fish.push(makeFish(x,y)); \/\/create more fishes\n\n for (var i = 0; i < fish.length; i++) { \/\/draw all the fishes \n fish[i].stepFunction();\n fish[i].drawFunction();\n }\n if(fish.length==1000){\n noLoop();\n }\n}\n\nfunction makeFish(fx,fy){\n var f = {x: fx, y: fy,\n stepFunction: stepFishes,\n drawFunction: drawFishes\n }\n return f;\n}\n\n\/\/draw fishes according to pixel color\nfunction drawFishes(){ \n var o=this.x\n var p=this.y \n push();\n noStroke();\n c= head.get(o,p)\n fill(c);\n ellipse(o,p,20,10);\/\/body\n line(o-2,p-5,o-2,p+5);\n triangle(o+10,p,o+13,p+2,o+13,p-2)\/\/tail\n eyeball(o,p);\n pop();\n\n}\n\n\n\/\/fishes eye\n function eyeball(x,y){\n stroke('white')\n circle(x-5,y,1)\n ellipse(x-5,y,3,3)\n }\n\nfunction stepFishes(){ \/\/fishes moving\n this.x = this.x + random(-3,3)\n this.y = this.y + random(-3,3)\n}<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>It was pretty challenging to come up with original ideas on whatcan be creative for me , while we just using the color of pixels tocreate a blurry version of original picture. After all, I decidedfishes are fun to draw, and if I can make them moving, I can generatethe picture very quickly as shown … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/11\/05\/project-9-computational-portrait-fish-and-man\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project 9 \u2013 Computational Portrait- Fish and Man”<\/span><\/a><\/p>\n","protected":false},"author":710,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[111,55],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/75269"}],"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\/710"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=75269"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/75269\/revisions"}],"predecessor-version":[{"id":75276,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/75269\/revisions\/75276"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=75269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=75269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=75269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}