{"id":70323,"date":"2022-09-06T23:52:54","date_gmt":"2022-09-07T03:52:54","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70323"},"modified":"2022-09-06T23:52:54","modified_gmt":"2022-09-07T03:52:54","slug":"project-01-4","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/06\/project-01-4\/","title":{"rendered":"Project 01"},"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-77.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(200, 200);\n    background(255);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    \n    background(random(0,75),random(0,75),random(0,75));\n\n    strokeWeight(0);\n    fill(random(210,255),random(210,255),random(210,255),75);\n    rect(0,0,100,200)\n\n    strokeWeight(0);\n    fill(255);\n    rect(50,80,100,55); \/\/hair back\n\n    strokeWeight(0);\n    fill(255);\n    quad(60,160,140,160,75,50,125,50);   \/\/hair back\n\n    strokeWeight(0);\n    fill(255);\n    quad(55,145,145,145,60,70,140,70);   \/\/hair back\n\n    strokeWeight(0);\n    fill(random(50,100),random(50,100),random(50,100));\n    triangle(100,165,175,200,25,200);    \/\/shoulders\n\n    strokeWeight(0);\n    fill(random(100,200),random(100,200),random(100,200));\n    ellipse(100,100,90,125);    \/\/head\n\n    strokeWeight(0);\n    strokeWeight(0);\n    rect(85,100,30,77); \/\/neck\n\n    strokeWeight(0);\n    strokeWeight(0);\n    triangle(100,185,115,177,85,177);    \/\/more neck\n\n    fill(random(210,255),random(210,255),random(210,255),75); \/\/face shading\n    beginShape();\n    vertex(100,100);\n    vertex(110,120);\n    vertex(100,160);\n    vertex(145,160);\n    vertex(145,37.5);\n    vertex(100,37.5);\n    endShape();\n\n    stroke(100,0,50);\n    fill(20,0,20);\n    triangle(75,80,95,110,60,120);   \/\/right eye\n\n    fill(random(210,255),random(210,255),random(210,255));\n    circle(77,100,15);    \/\/right pupil\n\n    circle(120,100,30); \/\/left eye\n\n    stroke(random(0,50),random(0,50),random(0,50));\n    strokeWeight(5);\n    line(110,100,130,100);  \/\/left pupil\n\n    stroke(255);\n    strokeWeight(3);\n    fill(0);\n    arc(100,140,50,20,15.7,PI+PI,PIE);  \/\/mouth\n\n    strokeWeight(0); \n    fill(255);\n    square(55,38,45); \/\/hair front\n\n    strokeWeight(0); \n    fill(255);\n    arc(100,38,50,20,10.5,PI,PIE) \/\/hair front\n\n    strokeWeight(0); \n    fill(255);\n    beginShape();\n    vertex(100,38);\n    bezierVertex(100,38,100,100,150,60)\n    bezierVertex(100,20,120,70,150,50)\n    endShape();     \/\/hair front\n\n     noloop()\n\n\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>This is my project sketch function setup() { createCanvas(200, 200); background(255); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { background(random(0,75),random(0,75),random(0,75)); strokeWeight(0); fill(random(210,255),random(210,255),random(210,255),75); rect(0,0,100,200) strokeWeight(0); fill(255); rect(50,80,100,55); \/\/hair back strokeWeight(0); fill(255); quad(60,160,140,160,75,50,125,50); \/\/hair back strokeWeight(0); fill(255); quad(55,145,145,145,60,70,140,70); \/\/hair back strokeWeight(0); fill(random(50,100),random(50,100),random(50,100)); triangle(100,165,175,200,25,200); \/\/shoulders strokeWeight(0); fill(random(100,200),random(100,200),random(100,200)); ellipse(100,100,90,125); \/\/head strokeWeight(0); strokeWeight(0); rect(85,100,30,77); \/\/neck strokeWeight(0); strokeWeight(0); triangle(100,185,115,177,85,177); &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/06\/project-01-4\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 01&#8221;<\/span><\/a><\/p>\n","protected":false},"author":752,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,57,1],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70323"}],"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\/752"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70323"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70323\/revisions"}],"predecessor-version":[{"id":70327,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70323\/revisions\/70327"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}