{"id":72296,"date":"2022-09-18T13:16:27","date_gmt":"2022-09-18T17:16:27","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=72296"},"modified":"2022-09-18T13:16:27","modified_gmt":"2022-09-18T17:16:27","slug":"project-03-3","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/18\/project-03-3\/","title":{"rendered":"Project 03"},"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 of the moon phases!<\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-304.js\" data-width=\"600\" data-height=\"450\">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=\"450\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ Natalie Koch\n\/\/ nataliek\n\/\/ Section A\n\n\/\/ The Phases of the Moon\n\nvar diam = 300\nvar value = 255\nvar canvasX = 600\nvar canvasY = 450\nfunction setup() {\n    createCanvas(canvasX, canvasY);\n\n}\n\nfunction draw() {\n    background(0);\n    mouseX = constrain(mouseX,25,575) \/\/motion constraints\n    mouseY = constrain(mouseY,225,225) \/\/motion constraints\n    if (width\/2-mouseX &gt;= 0) {\n        diam = mouseX\n        value = (mouseX\/canvasX)*255\n    } else if (width\/2-mouseX &lt; 0) { \/\/size variations as moon moves\n        diam = width-mouseX}\n        value = (mouseX\/canvasX)*255\n    fill(255,255,value)\n    ellipse(mouseX,mouseY,diam,diam) \/\/moon\n    ellipse(50,30,10,10)\n    ellipse(100,50,10,10)\n    ellipse(120,70,10,10)\n    ellipse(160,30,10,10)\n    ellipse(200,60,10,10)\n    ellipse(250,30,10,10) \/\/ } stars\n    ellipse(300,40,10,10)\n    ellipse(350,20,10,10)\n    ellipse(400,50,10,10)\n    ellipse(450,30,10,10)\n    ellipse(500,60,10,10)\n    ellipse(550,30,10,10)\n    fill(0)\n    ellipse(-75,height\/2,400,400) \/\/black circles on sides so moon can crescent\n    ellipse(675,height\/2,400,400)\n}<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>This is my project of the moon phases! sketch \/\/ Natalie Koch \/\/ nataliek \/\/ Section A \/\/ The Phases of the Moon var diam = 300 var value = 255 var canvasX = 600 var canvasY = 450 function setup() { createCanvas(canvasX, canvasY); } function draw() { background(0); mouseX = constrain(mouseX,25,575) \/\/motion constraints mouseY &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/18\/project-03-3\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 03&#8221;<\/span><\/a><\/p>\n","protected":false},"author":728,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[100,55],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72296"}],"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\/728"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=72296"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72296\/revisions"}],"predecessor-version":[{"id":72298,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72296\/revisions\/72298"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=72296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=72296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=72296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}