{"id":72931,"date":"2022-09-24T22:24:33","date_gmt":"2022-09-25T02:24:33","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=72931"},"modified":"2022-09-24T22:41:01","modified_gmt":"2022-09-25T02:41:01","slug":"project-04-string-art-10","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/24\/project-04-string-art-10\/","title":{"rendered":"Project-04:\u00a0String 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><div class=\"wp-block-file\"><a class=\"p5_sketch_link\" data-width=\"400\" data-height=\"300\" id=\"wp-block-file--media-6a725ff1-a2c8-4b3e-af1a-60587dca8499\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-372.js\">sketch<\/a><a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-372.js\" class=\"wp-block-file__button\" download aria-describedby=\"wp-block-file--media-6a725ff1-a2c8-4b3e-af1a-60587dca8499\">Download<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"400\" height=\"300\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">var idx1;\nvar idx2;\nvar idy1;\nvar idy2;\nvar iNumLines=60;\n\nvar ox;\nvar oy;\nvar ox2;\nvar oy2;\n\n\n\nfunction setup() {\n    createCanvas(400, 300);\n    background(0);\n    idx1=100\/iNumLines;\n    idx2=200\/iNumLines;\n    idy1=100\/iNumLines;\n    idy2=200\/iNumLines;\n\n\n    r=70;\n    r2=0.3;\n\n    ox=width\/2;\n    oy=height\/2;\n    ox2=width;\n    oy2=height;\n\n}\n\nfunction draw() {\n    fill(200,0,0)\n    \n    \/\/lightening\n    var ix1=150;\n    var ix2=300;\n    var iy1=130;\n    var iy2=80;\n    strokeWeight(1);\n    for (var i=0;i&lt;=iNumLines;i+=1){\n        stroke(255,20,147); \/\/deep pink\n        line(ix1+=idx1,iy1-=idy1,ix2-=idx2,iy2+=idy2);\n    }\n    noLoop();\n\n    \/\/vertical hole\n    \/\/loop over 2pi and the origin circulates.\n    for (var t=0;t&lt;=360;t+=4){\n        strokeWeight(2.5);\n        stroke(255,250,205); \/\/lemon\n        line(-30+ox+ox2*r2*Math.cos(radians(t)), 170+oy2*r2*Math.sin(radians(t))-5,\n            -30+ox+ox2*r2*Math.cos(radians(t)),150+oy2*r2*Math.sin(radians(t))+5);\n    }\n\n    noLoop();\n    \/\/horizontal hole\n    \/\/loop over 2pi and the origin circulates.\n    for (var t=0;t&lt;=360;t+=4){\n        stroke(0,206,209); \/\/ turquoise\n        line(30+ox+5+ox2*r2*Math.cos(radians(t))-5, 170+oy2*r2*Math.sin(radians(t)),\n            30+ox+5+ox2*r2*Math.cos(radians(t))+5,150+oy2*r2*Math.sin(radians(t)));\n    }\n\n    noLoop();\n\n   \n   \/\/middle circle\n    strokeWeight(1);\n    \/\/loop over 2pi\n    for (var theta=0;theta&lt;=360;theta+=10){\n        \/\/change origin 10 times\n        for (var change=0; change&lt;=10;change+=10){\n            stroke(255);\n            line(ox+change+r*Math.cos(radians(theta)),oy+r*Math.sin(radians(theta)),\n                ox+change-r*Math.cos(radians(theta)),oy-r*Math.sin(radians(theta)));\n        }\n    }\n    noLoop();\n    \n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketchDownload var idx1; var idx2; var idy1; var idy2; var iNumLines=60; var ox; var oy; var ox2; var oy2; function setup() { createCanvas(400, 300); background(0); idx1=100\/iNumLines; idx2=200\/iNumLines; idy1=100\/iNumLines; idy2=200\/iNumLines; r=70; r2=0.3; ox=width\/2; oy=height\/2; ox2=width; oy2=height; } function draw() { fill(200,0,0) \/\/lightening var ix1=150; var ix2=300; var iy1=130; var iy2=80; strokeWeight(1); for (var i=0;i&lt;=iNumLines;i+=1){ stroke(255,20,147); \/\/deep &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/24\/project-04-string-art-10\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project-04:\u00a0String Art&#8221;<\/span><\/a><\/p>\n","protected":false},"author":726,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[102,56],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72931"}],"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\/726"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=72931"}],"version-history":[{"count":5,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72931\/revisions"}],"predecessor-version":[{"id":72949,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72931\/revisions\/72949"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=72931"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=72931"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=72931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}