{"id":72514,"date":"2022-09-19T13:45:07","date_gmt":"2022-09-19T17:45:07","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=72514"},"modified":"2022-09-19T13:45:07","modified_gmt":"2022-09-19T17:45:07","slug":"dynamic-drawing","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/19\/dynamic-drawing\/","title":{"rendered":"dynamic drawing"},"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>I wanted to explore the spinning of an object and see if I could control it or alter it in some way by using the location of the mouse. <\/p>\n\n\n\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/amkong_dynamic.js\" data-width=\"&ldquo;400&rdquo;\" data-height=\"&ldquo;400&rdquo;\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"&ldquo;400&rdquo;\" height=\"&ldquo;400&rdquo;\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n    createCanvas(400, 400);\n    rectMode(CENTER);\n}\n\nvar g = 5;\nvar angle = 0;\n\nfunction draw() {\n    background(0);\n    var r = g + mouseX\n    fill(r, 255, 0);\n    \/\/ restrict mouseX to 0-400\n    var m = max(min(mouseX, 400), 0);\n    var size = m * 350.0 \/ 400.0;\n    circle(10 + m * 190.0 \/ 400.0, 200.0,\n         size);\n    fill(255, 0, r);\n    size = 350 - size;\n    circle(200 + m * 190.0 \/ 400.0, 200.0,\n         size);\n    \/\/heres some confetti yay\n    \n    var confettiDimention1 = 100;\n    var confettiDimension2 = 150;\n    var confettiDimension3 = 120;\n    var confettiDimension4 = 142;\n    var angleSpangle = map(mouseX,0,width,3,300);\n    push();\n    fill('magenta');\n    translate(m \/ 2,200 + size);\n    rotate(radians(angle));\n    square(confettiDimention1,confettiDimention1,50);\n    fill('green');\n    square(confettiDimention1,confettiDimention1,50);\n    fill('cyan');\n    square(confettiDimension2,confettiDimention1,10);\n    square(confettiDimension3,confettiDimension4,30);\n    pop();\n    angle += angleSpangle;\n    \/\/if not then square probably\n\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>I wanted to explore the spinning of an object and see if I could control it or alter it in some way by using the location of the mouse. sketch function setup() { createCanvas(400, 400); rectMode(CENTER); } var g = 5; var angle = 0; function draw() { background(0); var r = g + mouseX &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/19\/dynamic-drawing\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;dynamic drawing&#8221;<\/span><\/a><\/p>\n","protected":false},"author":730,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[125,81],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72514"}],"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\/730"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=72514"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72514\/revisions"}],"predecessor-version":[{"id":72520,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72514\/revisions\/72520"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=72514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=72514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=72514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}