{"id":70614,"date":"2022-09-08T11:59:45","date_gmt":"2022-09-08T15:59:45","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70614"},"modified":"2022-09-08T11:59:45","modified_gmt":"2022-09-08T15:59:45","slug":"project-1-my-self-portrait-19","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/08\/project-1-my-self-portrait-19\/","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><p>This is my project <\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-114.js\" data-width=\"600\" data-height=\"700\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"600\" height=\"700\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">var g = 15;\nvar b = 255;\n\nfunction setup() {\n  createCanvas(600, 700);\n}\n\nfunction draw() {\n  \/\/ background\n  g = map (mouseX, 0, 600, 0, 255);\n  b = map (mouseX, 0, 600, 255, 0);\n  background(0, g, b);\n  \n  \/\/Hat\n  noStroke();\n  fill(100, 200, 230);\n  circle(280, 200, 280);\n    \n  \n  \/\/Body\n  strokeWeight(6);\n  stroke(255, 255, 255);\n  line(550, 300, 500, 300);\n  line(500, 300, 460, 470);\n  stroke(240, 224, 64);\n  circle(550, 300, 20)\n  \n  stroke(255, 255, 255);\n  strokeWeight(10);\n  line(275, 424, 200, 600);\n  line(200, 600, 155, 650);\n  line(155, 650, 100, 700);\n  line(100, 700, 460, 700);\n  line(460, 700, 400, 550);\n  line(400, 550, 510, 550);\n  line(460, 470, 410, 470);\n  line(410, 470, 350, 418);\n  strokeWeight(12);\n  line(510, 550, 460, 470);\n\n  \n  \/\/Head\n  stroke(255, 255, 255);\n  strokeWeight(2);\n  fill(255,242,230);\n  circle(300, 300, 250);\n\n  \n  \/\/Hair\n  noFill();\n  stroke(255, 255, 255);\n  strokeWeight(10);\n  fill(0, 0, 0);\n  bezier(280, 170, 50, 200, 150, 50, 90, 600 );\n  bezier (280, 170, 460, 330, 500, 200, 400, 100);\n  strokeWeight(5);\n  triangle(280, 170, 200, 350, 320, 200);\n  \n  \n  \/\/Eyebrow\n  noFill();\n  stroke(82, 71, 71);\n  strokeWeight(3);\n  bezier(350, 280, 360, 260, 400, 250, 415, 280)\n  \n  \n  \/\/Eye\n  noStroke();\n  fill(82, 71, 71);\n  circle(383, 295, 50);\n  fill(255, 255, 255);\n  circle(380, 285, 20);\n  circle(390, 305, 10);\n  stroke(0, 0, 0);\n  strokeWeight(1);\n  bezier(361, 287, 350, 278, 347, 288, 340, 280);\n  \n  \n  \/\/Mouth\n  noFill();\n  stroke(0, 0, 0);\n  strokeWeight(3);\n  bezier(353, 350, 355, 360, 385, 365, 400, 353);\n  noFill();\n  stroke(245, 0, 0);\n  \/\/bezier(360, 353, 355, 355, 385, 360, 390, 355);\n  \n  \n  \/\/Face detail\n  noStroke();\n  fill(255, 204, 204);\n  circle(300, 330, 55);\n  stroke(94, 62, 34);\n  strokeWeight(2);\n  line(300, 330, 298, 335);\n  line(310, 330, 307, 335);\n  \n  \/\/Ear\n  noFill();\n  stroke(0, 0, 0);\n  strokeWeight(4);\n  bezier(240, 310, 170, 370, 245, 380, 230, 400);\n  strokeWeight(2);\n  bezier(240, 320, 230, 340, 220, 330, 240, 360);\n  \/\/Earring\n  fill(240, 224, 64);\n  strokeWeight(1);\n  triangle(230, 400, 200, 430, 250, 430);\n  fill(255, 255, 255);\n  circle(230, 400, 20);\n  \n  \/\/Dress\n  stroke(0, 0, 0);\n  rect(305, 600, 30, 40);\n  rect(305, 530, 30, 40);\n  rect(305, 460, 30, 40);\n  fill(255, 0, 0);\n  rect(313, 607, 15, 20);\n  rect(313, 537, 15, 20);\n  rect(313, 467, 15, 20);\n\n  \/\/Name\n  stroke(240, 224, 64);\n  strokeWeight(3);\n  line (540, 645, 570, 645);\n  stroke(255, 255, 255)\n  strokeWeight(3)\n  line (510, 700, 510, 660);\n  line (510, 660, 490, 630);\n  line (510, 660, 530, 630);\n  line (540, 700, 540, 630);\n  line (540, 630, 570, 630);\n  line (540, 660, 570, 660);\n  \n\n}\n\n  \n  <\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>This is my project sketch var g = 15; var b = 255; function setup() { createCanvas(600, 700); } function draw() { \/\/ background g = map (mouseX, 0, 600, 0, 255); b = map (mouseX, 0, 600, 255, 0); background(0, g, b); \/\/Hat noStroke(); fill(100, 200, 230); circle(280, 200, 280); \/\/Body strokeWeight(6); stroke(255, 255, &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/08\/project-1-my-self-portrait-19\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 1: My Self Portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":774,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,57],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70614"}],"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\/774"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70614"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70614\/revisions"}],"predecessor-version":[{"id":70615,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70614\/revisions\/70615"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}