{"id":70584,"date":"2022-09-07T20:56:13","date_gmt":"2022-09-08T00:56:13","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70584"},"modified":"2022-09-07T20:58:07","modified_gmt":"2022-09-08T00:58:07","slug":"70584","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/07\/70584\/","title":{"rendered":"Project 1: Self Portrait"},"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>This is my self portrait. The most challenging part of this project is locating the shapes and lines on my canvas. The most difficult shape to code was the arc. <\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-112.js\" data-width=\"500\" data-height=\"300\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"500\" height=\"300\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n    createCanvas(500,300);\n    background(120,120,150);\n    text(\"Hi. I'm Jen :)\", 10, 15);\n}\n\nfunction draw() {\n    strokeWeight(0)\n    fill(225,194,159); \/\/1-beige\n    ellipse(267,140,141,197);\n    strokeWeight(0)\n    fill(56,47,45); \/\/2-brown\n    ellipse(258,49,127,59);\n    strokeWeight(0)\n    fill(56,47,45); \/\/3-brown\n    ellipse(196,120,74,154)\n    strokeWeight(0)\n    fill(225,194,159); \/\/5-beige\n    rect(220,200,42,110);\n    strokeWeight(0)\n    fill(230,130,140); \/\/6-shirt\n    quad(201,252,201,300,306,300,290,252);\n    strokeWeight(0)\n    fill(56,47,45); \/\/4-brown\n    ellipse(196,241,43,135);\n    strokeWeight(0)\n    fill(230,144,151); \/\/8-mouth\n    ellipse(304,198,31,8);\n    strokeWeight(0)\n    fill(191,171,125); \/\/7-nose\n    triangle(301,136,307,164,295,164);\n    strokeWeight(0)\n    fill(255,255,255); \/\/9-eye white\n    arc(264,113,51,55,2.6,0.5,OPEN);\n    strokeWeight(0)\n    fill(0,0,0); \/\/10-eyeball\n    circle(275,113,35);\n    strokeWeight(0)\n    fill(255,255,255); \/\/11-eye white\n    arc(329,113,51,55,2.6,0.5,open);\n    strokeWeight(0)\n    fill(0,0,0); \/\/12-eyeball\n    circle(340,113,35);\n    strokeWeight(0)\n    fill(241,211,129); \/\/13-hair tie\n    ellipse(196,191,41,11);\n    stroke(255,255,255); \/\/highlight 1\n    strokeWeight(5);\n    point(330,110);\n    stroke(255,255,255); \/\/highlight 2\n    strokeWeight(5);\n    point(265,110);\n    strokeWeight(2)\n    fill(225,100,10); \/\/13-hair tie middle\n    square(192,186,11);\n    stroke(255)\n    strokeWeight(3)\n    line(299,196,309,196)\n    strokeWeight(1)\n    stroke(100)\n    line(301,136,307,164)\n    strokeWeight(1)\n    stroke(100)\n    line(307,164,295,164)\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>This is my self portrait. The most challenging part of this project is locating the shapes and lines on my canvas. The most difficult shape to code was the arc. sketch function setup() { createCanvas(500,300); background(120,120,150); text(&#8220;Hi. I&#8217;m Jen :)&#8221;, 10, 15); } function draw() { strokeWeight(0) fill(225,194,159); \/\/1-beige ellipse(267,140,141,197); strokeWeight(0) fill(56,47,45); \/\/2-brown ellipse(258,49,127,59); strokeWeight(0) &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/07\/70584\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 1: Self Portrait&#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":[10,56],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70584"}],"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=70584"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70584\/revisions"}],"predecessor-version":[{"id":70589,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70584\/revisions\/70589"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70584"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70584"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}