{"id":69889,"date":"2022-09-06T12:29:45","date_gmt":"2022-09-06T16:29:45","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=69889"},"modified":"2022-09-06T12:29:52","modified_gmt":"2022-09-06T16:29:52","slug":"project-1-my-self-portrait-6","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/06\/project-1-my-self-portrait-6\/","title":{"rendered":"project 1: my 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><div><a class=\"p5_sketch_link\" data-width=\"500\" data-height=\"500\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-25.js\">efleisch project<\/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=\"500\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/*Eliana Fleischer\n    efleisch\n    Section E\n*\/\n\nfunction setup() {\n    createCanvas(500, 500);\n    background(240, 146, 243);\n    \/\/used a RGB color chart to find the color code for a purple bakcground\n \n}\n\nfunction draw() {\n    \/\/these lines were a way to add more elements to my assignemnt and also experiment using the \"color\" command in the code\n    \/\/ i put all the starting points as the same so it would make a light refraction-esque shape\n    strokeWeight(10)\n    stroke(\"red\")\n    line(width\/2,height\/3,500,height\/3)\n    stroke(\"orange\")\n    line(width\/2,height\/3,500,height\/3+10)\n    stroke(\"yellow\")\n    line(width\/2,height\/3,500,height\/3+20)\n    stroke(\"green\")\n    line(width\/2,height\/3,500,height\/3+30)\n    stroke(\"blue\")\n    line(width\/2,height\/3,500,height\/3+40)\n    stroke(\"purple\")\n    line(width\/2,height\/3,500,height\/3+50)\n   \n\n    strokeWeight(1)\n    stroke(0)\n    \/\/this is the fill I am using for my skin tone. I used the same RGB generator for it as with the purple background\n    fill(164,127,73)\n    \n    \/\/ i used the starting point of width\/2 and height\/3 and based all of my measurments off of that scale\n    ellipse(width\/3 -25, height\/3, 20, 30) \/\/ these are the ellipses for my ears. i put it first so it would be drawn behind the head\n    ellipse(width\/3 + 75, height\/3, 20, 30)\n    ellipse(width\/3 +25, height\/3, 100, 125) \/\/ head\n    circle(width\/3 -25, height\/2 +80, 25) \/\/ these are the hands \n    circle(width\/3 +75, height\/2 +80, 25)\n\n    fill(255)\/\/ this is the white fill for my eyes\n\n    ellipse(width\/3, height\/3, 24,32)\n    ellipse(width\/3 + 50, height\/3, 24, 32)\n\n    fill(62,32,9) \/\/ this is the brown for the center of my eyes \n\n    circle(width\/3, height\/3, 16) \/\/center of eyes\n    circle(width\/3 + 50, height\/3, 16)\n\n    fill(0)\n\n    triangle(width\/3 + 25, height\/3 + 25, width\/3 +13, height\/3 + 37, width\/3 + 37, height\/3 + 37) \/\/mouth\n\n    fill(255)\n    triangle(width\/3 + 25, height\/3 + 25, width\/3 + 20, height\/3 + 32, width\/3 + 30, height\/3 + 32) \/\/teeth\n\n    strokeWeight(3) \/\/ i wanted my hair to be drawn bolder so i increased the stroke weight\n\n    fill(0)\n\/* these points I used to plan out my quadrilaterals but I dont need them for the final product\n    point(width\/3 + 25, height\/3 - 65)\n    point(width\/3 - 15, height\/3 - 55)\n    point(width\/3 , height\/3 - 50)\n    point(width\/3 - 25 , height\/3 - 10)\n\n*\/ \n\n    quad(width\/3 + 25, height\/3 - 65, width\/3 - 15, height\/3 - 55, width\/3 - 25 , height\/3 , width\/3 , height\/3 - 50)\/\/ hair\n    quad(width\/3 + 25, height\/3 - 65, width\/3 + 40, height\/3 - 55, width\/3 + 75 , height\/3 , width\/3 +75 , height\/3 - 50)\n\n\n    strokeWeight(7) \/\/ i decided to use points instead of small circles to utilize a different element \n    point(width\/3, height\/3 ) \/\/ pupils \n    point(width\/3 +50, height\/3 )\n\n    strokeWeight(1) \/\/ decreased stroke weight again for drawing the body\n    rect(width\/3 -25, height\/2 -20, 100, 100) \/\/ body\n    rect(width\/3 -40, height\/2 +5, 15, 75) \/\/ arms\n    rect(width\/3 +75, height\/2 +5, 15, 75)\n    fill(0, 102, 0) \/\/ green for pants\n    rect(width\/3 - 25, height\/2 +80, 45, 100) \/\/pants\n    rect(width\/3 +30, height\/2 +80, 45, 100)\n\n\n}\n<\/code><\/pre><\/div>\n\n\n\n<p>I think the most challenging part of my project was centering all of my objects relative to each other. <\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>efleisch project \/*Eliana Fleischer efleisch Section E *\/ function setup() { createCanvas(500, 500); background(240, 146, 243); \/\/used a RGB color chart to find the color code for a purple bakcground } function draw() { \/\/these lines were a way to add more elements to my assignemnt and also experiment using the &#8220;color&#8221; command in the &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/06\/project-1-my-self-portrait-6\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;project 1: my self-portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":717,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,121,1],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/69889"}],"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\/717"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=69889"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/69889\/revisions"}],"predecessor-version":[{"id":69915,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/69889\/revisions\/69915"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=69889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=69889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=69889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}