{"id":73462,"date":"2022-10-01T17:06:38","date_gmt":"2022-10-01T21:06:38","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73462"},"modified":"2022-10-01T17:06:38","modified_gmt":"2022-10-01T21:06:38","slug":"project-04-string-art-20","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-04-string-art-20\/","title":{"rendered":"project 04: string art"},"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>for this project, I was inspired by the work of weaver and sculptor <a href=\"https:\/\/ruthasawa.com\/art\/sculpture\/\" data-type=\"URL\" data-id=\"https:\/\/ruthasawa.com\/art\/sculpture\/\">Ruth Asawa<\/a>, who gained international recognition in the art world for her looped-wire sculptures and hanging mobiles. the most challenging part of this project was creating self-contained forms that intersected multiple times.<\/p>\n\n\n\n<div><a class=\"p5_sketch_link\" data-width=\"300\" data-height=\"400\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/sketch-19.js\">string art ruth asawa<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"300\" height=\"400\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/*  atayao\n    lab section E\n    project 04: string art\n*\/ \n\n\/\/ incrementing variables\nvar connectX = 150;    \/\/ starting x for all connecting lines\nvar connectY1a = 75;    \/\/ top of shape A\nvar connectY1b = 125;    \/\/ bottom of shape A\nvar connectY2a = 160;    \/\/ top of shape B\nvar connectY2b = 190;    \/\/ bottom of shape B\nvar connectY3a = 250;    \/\/ top of shape C\nvar connectY3b = 350;    \/\/ bottom of shape C\nvar xa = 200;    \/\/ y-point of top share\nvar xb = 50;    \/\/ y-point of middle shape\nvar xc = 120;    \/\/ y-point of bottom shape\nvar dx1a;    \/\/ change in x for top half of top shape\nvar dx1b;    \/\/ change in x for bottom half of top shape\nvar dx2a;    \/\/ change in x for top half of middle shape\nvar dx2b;    \/\/ change in x for bottom half of middle shape\nvar dx3a;    \/\/ change in x for top half of bottom shape\n\n\/\/ number of lines that connect two anchors\nvar numLines = 15;\n\nfunction setup() {\n    createCanvas(300, 400);\n    background(0);\n    stroke(255);\n\n    \/\/ ANCHOR LINES\n\n    stroke(100);\n    line(width\/2, 0, width\/2, 350);    \/\/ center line\n\n    stroke(255);\n    strokeWeight(1.5);\n    \/\/ shape A\n    line(100, 100, 200, 100);    \/\/ anchor 1A (horizontal)\n    line(150, 75, 150, 125);    \/\/ anchor 1B (vertical)\n    line(100, 100, 150, 75);    \/\/ anchor 2 (top-left diagonal)\n    line(150, 125, 200, 100);    \/\/ anchor 3 (bottom-right diagonal)\n    \/\/ shape B\n    line(50, 175, 250, 175);    \/\/ anchor 4A (horizontal)\n    line(150, 160, 150, 190);    \/\/ anchor 4B (vertical)\n    line(50, 175, 150, 160);    \/\/ anchor 5 (top-left diagonal)\n    line(150, 190, 250, 175);    \/\/ anchor 6 (bottom-right diagonal)\n    \/\/ shape C\n    line(120, 300, 180, 300);    \/\/ anchor 7A (horizontal)\n    line(150, 250, 150, 350);    \/\/ anchor 7B (vertical)\n    line(120, 300, 150, 350);    \/\/ anchor 8 (bottom-left diagonal)\n    line(150, 250, 180, 300);    \/\/ anchor 9 (top-right diagonal)\n\n    \/\/ INCREMENTS\n    dx1a = (100-xa)\/numLines;\n    dx1b = (200-100)\/numLines;\n    dx2a = (250-50)\/numLines;\n    dx2b = (50-250)\/numLines;\n    dx3a = (180-120)\/numLines;\n    dx3b = (120-180)\/numLines;\n}\n\nfunction draw () {\n    stroke(200);    \/\/ color of connecting lines\n\n    \/\/ TOP SHAPE\n    \/\/ top half\n    for (var i = 0; i &lt;= numLines; i++) {\n        line(connectX, connectY1a, xa, 100);\n        xa += dx1a;\n    }\n    \/\/ bottom half\n    xa = xa + dx1b\n    for (var i = 0; i &lt;= numLines; i++) {\n        line(connectX, connectY1b, xa, 100);\n        xa += dx1b;\n    }\n\n    \/\/ MIDDLE SHAPE\n    \/\/ top half\n    for (var i = 0; i &lt;= numLines; i++) {\n        line(connectX, connectY2a, xb, 175);\n        xb += dx2a;\n    }\n    \/\/ bottom half\n    for (var i = 0; i &lt;= numLines; i++) {\n        line(connectX, connectY2b, xb + dx2b, 175);\n        xb += dx2b;\n    }\n\n    \/\/ BOTTOM SHAPE\n    \/\/ top half\n    for (var i = 0; i &lt;=numLines; i++) {\n        line(connectX, connectY3a, xc, 300);\n        xc += dx3a;\n    }\n    \/\/ bottom half\n    xc  = xc + dx3b;\n    for (var i = 0; i &lt;= numLines; i++) {\n        line(connectX, connectY3b, xc, 300);\n        xc += dx3b;\n    }\n    noLoop();\n}<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>for this project, I was inspired by the work of weaver and sculptor Ruth Asawa, who gained international recognition in the art world for her looped-wire sculptures and hanging mobiles. the most challenging part of this project was creating self-contained forms that intersected multiple times. string art ruth asawa \/* atayao lab section E project &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-04-string-art-20\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;project 04: string art&#8221;<\/span><\/a><\/p>\n","protected":false},"author":764,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[102,121],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73462"}],"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\/764"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73462"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73462\/revisions"}],"predecessor-version":[{"id":73476,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73462\/revisions\/73476"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73462"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73462"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}