{"id":69885,"date":"2022-09-06T12:35:54","date_gmt":"2022-09-06T16:35:54","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=69885"},"modified":"2022-09-06T12:36:24","modified_gmt":"2022-09-06T16:36:24","slug":"01-project-face","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/06\/01-project-face\/","title":{"rendered":"01-Project-face"},"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\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-30.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(400, 300);\n    background(220);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n fill(75,36,36,[255]); \/\/hair\n    ellipse(200,200,230,400);\n fill(212,179,135,[255]);\n    ellipse(200,150,180,250); \/\/face\nfill(219,58,107,[100]);       \n    ellipse((width\/2),(height\/2+50),70,30); \/\/lips\nfill(0)\nstrokeWeight(3);\n    line((width\/2-40),(height\/2+50),(width\/2+40),(height\/2+50));\nfill(255); \/\/eye whites\n    ellipse((width\/2-30),(height\/2-40),30,15);\n    ellipse((width\/2+30),(height\/2-40),30,15);\nfill(75,32,32,[255]);\n    ellipse((width\/2-30),(height\/2-40),10,10);\n    ellipse((width\/2+30),(height\/2-40),10,10);\n    arc((width\/2-30),(height\/2-60),30,10,PI,radians(360)); \/\/eyebrow right\n    arc((width\/2+30),(height\/2-60),30,10,PI,radians(360)); \/\/eyebrow left\nfill(164,135,106,[255]); \/\/nose\nstrokeWeight(1);\n    triangle((width\/2-15),(height\/2+10),(width\/2+15),(height\/2+10),(width\/2),(height\/2-30));\nfill(223,193,163,[255]);\nstrokeWeight(1);\n    rect((width\/2-9),(height\/2-30),18,35);\nfill(0);\n    ellipse((width\/2-5),(height\/2+5),8,5);\n    ellipse((width\/2+5),(height\/2+5),8,5);\nfill(255,204,204,[255]);\n    circle((width\/2+40),(height\/2),30);\n    circle((width\/2-40),(height\/2),30);\nnoLoop\n}\n<\/code><\/pre><\/div>\n\n\n<p>I found creating the proportions most challenging and getting different features in their correct positions. <\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch function setup() { createCanvas(400, 300); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { fill(75,36,36,[255]); \/\/hair ellipse(200,200,230,400); fill(212,179,135,[255]); ellipse(200,150,180,250); \/\/face fill(219,58,107,[100]); ellipse((width\/2),(height\/2+50),70,30); \/\/lips fill(0) strokeWeight(3); line((width\/2-40),(height\/2+50),(width\/2+40),(height\/2+50)); fill(255); \/\/eye whites ellipse((width\/2-30),(height\/2-40),30,15); ellipse((width\/2+30),(height\/2-40),30,15); fill(75,32,32,[255]); ellipse((width\/2-30),(height\/2-40),10,10); ellipse((width\/2+30),(height\/2-40),10,10); arc((width\/2-30),(height\/2-60),30,10,PI,radians(360)); \/\/eyebrow right arc((width\/2+30),(height\/2-60),30,10,PI,radians(360)); \/\/eyebrow left fill(164,135,106,[255]); \/\/nose strokeWeight(1); triangle((width\/2-15),(height\/2+10),(width\/2+15),(height\/2+10),(width\/2),(height\/2-30)); fill(223,193,163,[255]); strokeWeight(1); rect((width\/2-9),(height\/2-30),18,35); fill(0); ellipse((width\/2-5),(height\/2+5),8,5); ellipse((width\/2+5),(height\/2+5),8,5); fill(255,204,204,[255]); circle((width\/2+40),(height\/2),30); &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/06\/01-project-face\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;01-Project-face&#8221;<\/span><\/a><\/p>\n","protected":false},"author":724,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,121],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/69885"}],"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\/724"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=69885"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/69885\/revisions"}],"predecessor-version":[{"id":69927,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/69885\/revisions\/69927"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=69885"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=69885"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=69885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}