{"id":69806,"date":"2022-09-06T12:20:59","date_gmt":"2022-09-06T16:20:59","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=69806"},"modified":"2022-09-06T12:30:23","modified_gmt":"2022-09-06T16:30:23","slug":"me-in-space","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/06\/me-in-space\/","title":{"rendered":"Me in Space"},"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-17.js\" data-width=\"800\" data-height=\"640\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"800\" height=\"640\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n    createCanvas(800, 640);\n    background(0);\n    angleMode(DEGREES);\n}\n\nfunction draw() {\n\n    \/\/draw stars\n    strokeWeight(0);\n    for (let i = 0; i &lt; 100; i++) {\n        fill(255, random(180, 200), 130, random(100,255))\n        circle(random(0,800), random(0,640), random(5, 10)); \n        }\n    \n    \/\/draw body\n    strokeWeight(1);\n    fill(230);\n    beginShape();\n        vertex(120, 640);\n        bezierVertex(150, 550, 700, 500, 800, 560);\n        vertex(800, 640);\n        vertex(120, 640);\n    endShape();\n    \n    \/\/draw glass\n    translate(450, 300);\n    rotate(3);\n    fill(62, 73, 76);\n    ellipse(0, 0, 500-35, 550-35);\n    \n    \/\/draw neck\n    strokeWeight(0);\n    fill(133, 130, 119);\n    rotate(-3);\n    rect(-80, 200, 150, 60);\n    \n    \/\/draw ears\n    rotate(-3);\n    ellipse(-180, 25, 50, 90);\n    rotate(9);\n    ellipse(180, 25, 50, 90);\n    \n    \/\/draw face\n    fill(171, 164, 149);\n    rotate(-3);\n    ellipse(0, -30, 380, 500);\n\n    \/\/draw hair\n    fill(0);\n    arc(0, -30, 380, 500, 175, 365, CHORD);\n    stroke(0);\n    strokeWeight(0);\n    fill(171, 164, 149);\n    beginShape();\n        curveVertex(-190, -10);\n        curveVertex(-190, -10);\n        curveVertex(-170, -50);\n        curveVertex(-120, -100);\n        curveVertex(-110, -150);\n        curveVertex(-90, -150);\n        curveVertex(90, -150);\n        curveVertex(125, -140);\n        curveVertex(140, -90);\n        curveVertex(190, -10);\n        curveVertex(190, -10);\n    endShape();\n\n    \/\/draw eyebrow\n    strokeWeight(5);\n    bezier(-120, -40, -40, -40, -40, -30, -50, -80);\n    line(30, -45, 110, -55);\n    \n    \/\/draw eyes\n    strokeWeight(0);\n    fill(0);\n    rect(-80, -40, 20, 20);\n    ellipse(-70, -20, 20, 40);\n    rect(50, -50, 20, 20);\n    ellipse(60, -30, 20, 40);\n    \n    \/\/draw nose\n    strokeWeight(3);\n    line(-20, 0, -30, 70);\n    line(-30, 70, 10, 68);\n    line(10, 68, 0, 0);\n    \n    \/\/draw mouse\n    noFill();\n    bezier(-35, 110, -10, 170, 0, 190, 25, 110);\n\n    \/\/draw eyeglasses\n    rotate(-3);\n    strokeWeight(3);\n    stroke(48, 62, 61);\n    line(-30, -30, 20, -30);\n    line(-130, -30, -190, -15);\n    line(120, -30, 190, 0);\n    fill(130, 149, 161, 135);\n    strokeWeight(0);\n    rect(-130, -55, 100, 70, 10);\n    rect(20, -55, 100, 70, 10);\n    rotate(-2);\n    \n    \/\/draw detail\n    strokeWeight(50);\n    stroke(150);\n    line(210, 260, 200, 350);\n    line(-190, 280, -180, 350);\n    \n    \/\/draw connection\n    strokeWeight(30);\n    stroke(62, 73, 76);\n    bezier(-160, 260, -80, 340, 100, 340, 180, 240);\n    \n    \/\/draw highlight\n    stroke(255, 255, 255, 130);\n    bezier(120, 10, 125, 10, 115, -60, 110, -60);\n\n    \/\/draw suit\n    rotate(5);\n    noFill();\n    stroke(230);\n    strokeWeight(70);\n    ellipse(0, 0, 500, 550);\n\n    noLoop();\n}\n    \n<\/code><\/pre><\/div>\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-e2069aff-2897-443f-a818-6d375fadac16\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-28.js\">Me in Space<br><br><\/a><\/div>\n\n\n\n<p>I find uploading this most difficult.<\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch function setup() { createCanvas(800, 640); background(0); angleMode(DEGREES); } function draw() { \/\/draw stars strokeWeight(0); for (let i = 0; i &lt; 100; i++) { fill(255, random(180, 200), 130, random(100,255)) circle(random(0,800), random(0,640), random(5, 10)); } \/\/draw body strokeWeight(1); fill(230); beginShape(); vertex(120, 640); bezierVertex(150, 550, 700, 500, 800, 560); vertex(800, 640); vertex(120, 640); endShape(); \/\/draw glass &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/06\/me-in-space\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Me in Space&#8221;<\/span><\/a><\/p>\n","protected":false},"author":723,"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\/69806"}],"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\/723"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=69806"}],"version-history":[{"count":7,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/69806\/revisions"}],"predecessor-version":[{"id":69916,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/69806\/revisions\/69916"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=69806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=69806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=69806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}