Orbits<\/a>\n\n\n\n

<\/p><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/changing RGB colors\nvar R = 0;\nvar G = 0;\nvar B = 0;\n\n\/\/assigned in mousePressed to print and save color to rect\nvar tempR = 255;\nvar tempG = 255;\nvar tempB = 255;\n\nfunction setup() {\n createCanvas(450, 640);\n background(255);\n}\n\nfunction mousePressed() {\n print('------------------')\n print('R: ' + R.toString())\n print('G: ' + G.toString())\n print('B: ' + B.toString())\n\n \/\/stores current RGB untill mousePressed again\n tempR = R;\n tempG = G;\n tempB = B;\n\n}\nfunction draw() {\n\n var lim = 140; \/\/map(mouseX, 0, width, 0, 255);\n var diff = 255-lim;\n var index = 0;\n\n background(R, G, B);\n\n \/\/color save\n noStroke();\n fill(tempR, tempG, tempB);\n square(10, 10, 100);\n\n \/\/color fader\n if (mouseY < height\/6) {\n index = map(mouseY, 0, height\/6, lim, 255)\n R = 255;\n G = lim;\n B = index;\n } else if ((mouseY >= height\/6) & (mouseY < 2*height\/6)) {\n index = map(mouseY, height\/6, 2*height\/6, 0, diff)\n R = 255 - index;\n G = lim;\n B = 255;\n } else if ((mouseY >= 2*height\/6) & (mouseY < 3*height\/6)) {\n index = map(mouseY, 2*height\/6, 3*height\/6, lim, 255)\n R = lim;\n G = index;\n B = 255;\n } else if ((mouseY >= 3*height\/6) & (mouseY < 4*height\/6)) {\n index = map(mouseY, 3*height\/6, 4*height\/6, 0, diff)\n R = lim;\n G = 255;\n B = 255 - index;\n } else if ((mouseY >= 4*height\/6) & (mouseY < 5*height\/6)) {\n index = map(mouseY, 4*height\/6, 5*height\/6, lim, 255)\n R = index;\n G = 255;\n B = lim;\n } else {\n index = map(mouseY, 5*height\/6, 6*height\/6, 0, diff)\n R = 255;\n G = 255-index;\n B = lim;\n }\n\n \/\/orbits\n var deg = map(mouseY, 0, width, 0, 360);\n var cirSize = 10;\n var cirX = mouseX\/2 \/\/x dist from mouse\n var cirY = mouseY\/2 \/\/y dist from mouse\n\n var sunY = map(mouseY, 0, height, -0.4*height, 1.4*height);\n fill(255, 113, 124);\n ellipse(width\/2, sunY, 700);\n\n fill(255-R, 255-G, 255-B);\n translate(mouseX, mouseY);\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n\n scale(mouseY\/height);\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n\n scale(mouseY\/height);\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n rotate(radians(deg));\n ellipse(cirX, cirY, cirSize);\n\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Orbits \/\/changing RGB colors var R = 0; var G = 0; var B = 0; \/\/assigned in mousePressed to print and save color to rect var tempR = 255; var tempG = 255; var tempB = 255; function setup() { createCanvas(450, 640); background(255); } function mousePressed() { print(‘——————‘) print(‘R: ‘ + R.toString()) print(‘G: ‘ … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/19\/orbits-2\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project 3 – Dynamic Drawing”<\/span><\/a><\/p>\n","protected":false},"author":657,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[100,56],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66200"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/users\/657"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=66200"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66200\/revisions"}],"predecessor-version":[{"id":66203,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66200\/revisions\/66203"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=66200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=66200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=66200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}