{"id":72151,"date":"2022-09-17T21:29:14","date_gmt":"2022-09-18T01:29:14","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=72151"},"modified":"2022-09-17T21:33:25","modified_gmt":"2022-09-18T01:33:25","slug":"project-03","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/17\/project-03\/","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><div class=\"wp-block-file\"><a class=\"p5_sketch_link\" data-width=\"800\" data-height=\"800\" id=\"wp-block-file--media-ba62fdc6-1828-45b6-834e-88c6218fd17b\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-289.js\">sketch<\/a><a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-289.js\" class=\"wp-block-file__button\" download aria-describedby=\"wp-block-file--media-ba62fdc6-1828-45b6-834e-88c6218fd17b\">Download<\/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=\"800\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ Ilia Urgen\n\/\/ Section B\n\nvar angle = 0;\n\nvar color_1;\nvar color_2;\n\nvar background_lines = 0;\n\nvar triangle_1 = 1;\nvar triangle_2 = 2;\nvar triangle_3 = 3;\nvar triangle_4 = 4;\nvar triangle_5 = 5;\nvar triangle_6 = 6;\n\n\nfunction setup() {\n    stroke (2);\n    createCanvas (800, 800);\n    color_1 = color (255,140,0);\n    color_2 = color (63,191,191);\n\n    for (var y = 0; y &lt; height; y++ ) {\n        n = map (y,0, height, 0, 1);\n        var color_3 = lerpColor (color_1, color_2, n);\n        stroke (color_3);\n        line (0, y, width, y);\n    }\n}                                                                  \nfunction draw() {\n    \n    delta_x = mouseX\/6;\n    delta_y = mouseY\/6;\n\n    frameRate(30);\n\n    stroke (2);\n    push();\n\n    translate(400, 400);\n    rotate(radians(angle));\n\n    if (background_lines == 0) {\n        line (0,0, width, height);\n        line (width, 0, 0, height);\n        angle += 25; \n    }\n\n    if (triangle_1 == 1) {\n        \/\/ changes 1st darkest color gradient\n        fill (132-mouseX\/4, 0, 132-mouseY\/4);\n        \/\/ changes thickness and width of triangle\n        triangle (0,0, -(delta_x + 100), delta_y + 150, (delta_x + 100), delta_y + 150);\n        angle += 5;\n    }\n\n    if (triangle_2 == 2) {\n        \/\/ changes 2nd darkest color gradient\n        fill (152-mouseX\/4, 0, 152-mouseY\/4);\n        \/\/ changes thickness and width of triangle\n        triangle (0,0, -(delta_x + 80), delta_y + 120, (delta_x + 80), delta_y + 120);\n        angle -= 15;\n    }\n\n    if (triangle_3 == 3) {\n        \/\/ changes 3rd darkest color gradient\n        fill (176-mouseX\/4,0,176-mouseY\/4);\n        \/\/ changes thickness and width of triangle\n        triangle (0,0, -(delta_x + 60), delta_y + 90, (delta_x + 60), delta_y + 90);\n        angle += 200;\n    }\n\n    if (triangle_4 == 4) {\n        \/\/ changes 4th darkest color gradient\n        fill (204-mouseX\/4, 0, 204-mouseY\/4);\n        \/\/ changes thickness and width of triangle\n        triangle (0,0, -(delta_x + 40), delta_y + 60, (delta_x + 40), delta_y + 60);\n        angle -= 150;\n    }\n    \n    if (triangle_5 == 5) {\n        \/\/ changes 5th darkest color gradient\n        fill (232-mouseX\/4,0,232-mouseY\/4);\n        \/\/ changes thickness and width of triangle\n        triangle (0,0, -(delta_x + 20), delta_y + 30, (delta_x + 20), delta_y + 30);\n        angle += 100;\n    }\n\n    if (triangle_6 == 6) {\n        \/\/ changes 6th darkest color gradient\n        fill (255-mouseX\/4,0,255-mouseY\/4);\n        \/\/ changes thickness and width of triangle\n        triangle (0,0, -(delta_x), delta_y, (delta_x), delta_y);\n        angle -= 55;\n    }\n\n    pop();\n}<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":765,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[100,56],"tags":[125,81],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72151"}],"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\/765"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=72151"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72151\/revisions"}],"predecessor-version":[{"id":72157,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72151\/revisions\/72157"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=72151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=72151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=72151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}