{"id":70510,"date":"2022-09-07T17:11:21","date_gmt":"2022-09-07T21:11:21","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70510"},"modified":"2022-09-07T17:11:21","modified_gmt":"2022-09-07T21:11:21","slug":"project-02","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/07\/project-02\/","title":{"rendered":"Project 02"},"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<\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-101.js\" data-width=\"400\" data-height=\"600\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"400\" height=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n    createCanvas(400, 400);\n    background(0);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    \/\/backgrond\n    if(mouseX&lt;width\/2){\n        background(186,197,62);\n        stroke(112,106,41);\n        fill(112,106,41);\n    } else{\n        background(200,170,161);\n        stroke(167,118,94);\n        fill(167,118,94);\n    }\n    \n    \/\/stars! left side\n    quad(40,30,30,50,40,70,50,50);\n    quad(65,55,55,75,65,95,75,75);\n    quad(40,80,30,100,40,120,50,100);\n    \/\/stars! right side\n    quad(350,340,340,360,350,380,360,360);\n    quad(350,280,340,300,350,320,360,300);\n    quad(320,305,310,325,320,345,330,325);\n    \n    \/\/left face area\n    stroke(158,193,210);\n    fill(158,193,210);\n    arc(150,130,150,150,15.3,17.8,HALF_PI); \/\/top left area\n    fill(158,193,210);\n    rect(75,130,40,120);\/\/left hair\n\n    \/\/right yellow area\n    stroke(240,216,102);\n    fill(240,216,102);\n    arc(220,120,90,90,16.9,13.4,HALF_PI);\n    fill(240,216,102);\n    rect(235,120,30,130);\/\/right hair\n\n    \/\/right dak blue area\n    stroke(44,112,171);\n    fill(44,112,171);\n    arc(200,120,90,90,16.9,13.4,HALF_PI);\n    fill(44,112,171);\n    rect(215,120,30,130);\/\/right hair\n\n    \/\/eye and noise\n    stroke(240,216,102);\n    fill(240,216,102);\n    circle(125,140,60);\n    stroke(240,216,102);\n    fill(240,216,102);\n    circle(200,140,60);\n    stroke(158,193,210);\n    fill(158,193,210);\n    circle(200,140,55);\n    stroke(194,227,245);\n    fill(194,227,245);\n    circle(200,140,40);\n    stroke(0);\n    fill(0);\n    rect(163,170,5,15);\n    rect(158,185,10,3);\n\n    \/\/horizontal lines  From top to the bottom\n    stroke(158,193,210);\n    fill(158,193,210);\n    rect(235,75,50,15);\n    stroke(255);\n    fill(255);\n    rect(235,95,60,10);\n    stroke(158,193,210);\n    fill(158,193,210);\n    rect(235,110,70,7);\n    stroke(158,193,210);\n    fill(158,193,210);\n    rect(235,120,75,13);\n    stroke(255);\n    fill(255);\n    rect(235,139,75,8);\n    stroke(158,193,210);\n    fill(158,193,210);\n    rect(235,153,75,8);\n    stroke(255);\n    fill(255);\n    rect(235,167,75,8);\n    stroke(158,193,210);\n    fill(158,193,210);\n    rect(235,181,75,8);\n    stroke(255);\n    fill(255);\n    rect(235,195,75,8);\n    rect(235,209,75,8);\n\n    \/\/clothes\n    stroke(240,216,102);\n    fill(240,216,102);\n    rect(140,230,50,20);\n    stroke(158,193,210);\n    fill(158,193,210);\n    triangle(110,270,90,270,60,390);\n    stroke(240,216,10);\n    fill(240,216,102);\n    triangle(150,270,120,270,90,390);\n    triangle(180,270,210,270,240,390);\n    stroke(158,193,210);\n    fill(158,193,210);\n    triangle(220,270,235,270,270,390);\n\n    \/\/button\n    stroke(44,112,171);\n    fill(44,112,171);\n    circle(165,300,20);\n    circle(165,330,20);\n    circle(165,360,20);\n    \n    \/\/jaw\n    stroke(255);\n    fill(255);\n    arc(165,170,130,130,7,2.4,HALF_PI); \n\n    \n}\n\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>This is my self portrait sketch function setup() { createCanvas(400, 400); background(0); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { \/\/backgrond if(mouseX&lt;width\/2){ background(186,197,62); stroke(112,106,41); fill(112,106,41); } else{ background(200,170,161); stroke(167,118,94); fill(167,118,94); } \/\/stars! left side quad(40,30,30,50,40,70,50,50); quad(65,55,55,75,65,95,75,75); quad(40,80,30,100,40,120,50,100); \/\/stars! right side quad(350,340,340,360,350,380,360,360); quad(350,280,340,300,350,320,360,300); quad(320,305,310,325,320,345,330,325); \/\/left face area stroke(158,193,210); fill(158,193,210); arc(150,130,150,150,15.3,17.8,HALF_PI); \/\/top left area fill(158,193,210); &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/07\/project-02\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 02&#8221;<\/span><\/a><\/p>\n","protected":false},"author":778,"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\/70510"}],"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\/778"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70510"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70510\/revisions"}],"predecessor-version":[{"id":70511,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70510\/revisions\/70511"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}