project-01<\/a><\/div>\n\n\n\n

project-01<\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n createCanvas(600, 900);\n background(255);\n text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n background(2, 3, 200);\n fill(255);\n triangle(400, 650, 475, 850, 325, 850);\n rect(50, 50, 500, 600);\n stroke(0);\n strokeWeight(5);\n noFill();\n triangle(400, 850, 450, 900, 350, 900);\n curve(70, 220, 100, 170, 250, 165, 280, 222);\n curve(270, 222, 300, 165, 450, 170, 480, 220);\n fill(0);\n arc(150, 170, 60, 40, 0, 3);\n arc(350, 170, 60, 40, 0, 3);\n fill(255);\n arc(150, 170, 60, 40, .5, 1);\n arc(350, 170, 60, 40, .5, 1);\n fill(255, 173, 226);\n noStroke();\n ellipse(175, 300, 50, 100);\n ellipse(375, 300, 50, 100);\n fill(250, 160, 210);\n ellipse(175, 300, 40, 40);\n ellipse(375, 300, 40, 40);\n stroke(0);\n strokeWeight(5);\n fill(0);\n curve(200, mouseY\/2, 225, 400, 325, 400, 350, mouseY\/2);\n noFill();\n curve(70, 100-(mouseY\/2), 120, 100, 220, 100, 280, 100+(mouseY\/2));\n curve(270, 100+(mouseY\/2), 320, 100, 420, 100, 480, 100-(mouseY\/2));\n\n}\n<\/code><\/pre><\/p>\n\n\n\n<p>Tweaking the numbers to get object into the right place on the canvas was pretty tedious and unintuitive at first, but once I had a couple shapes down for reference it got much easier.<\/p>\n\n\n\n<p><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>project-01 function setup() { createCanvas(600, 900); background(255); text(“p5.js vers 0.9.0 test.”, 10, 15); } function draw() { background(2, 3, 200); fill(255); triangle(400, 650, 475, 850, 325, 850); rect(50, 50, 500, 600); stroke(0); strokeWeight(5); noFill(); triangle(400, 850, 450, 900, 350, 900); curve(70, 220, 100, 170, 250, 165, 280, 222); curve(270, 222, 300, 165, 450, 170, 480, … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-self-portrait-8\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project 1: Self Portrait”<\/span><\/a><\/p>\n","protected":false},"author":662,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,58],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65173"}],"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\/662"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=65173"}],"version-history":[{"count":5,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65173\/revisions"}],"predecessor-version":[{"id":65263,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65173\/revisions\/65263"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=65173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=65173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=65173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}