{"id":73168,"date":"2022-09-27T00:56:36","date_gmt":"2022-09-27T04:56:36","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73168"},"modified":"2022-09-27T00:56:36","modified_gmt":"2022-09-27T04:56:36","slug":"73168","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/27\/73168\/","title":{"rendered":""},"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>This is my project 04.<\/p>\n\n\n\n<p><\/p><div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-400.js\" data-width=\"400\" data-height=\"600\">sketch<\/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=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n    createCanvas(400, 300);\n    background(220);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\/\/Inside-wing top left & bottom right\nvar dx1;\nvar dy1;\nvar dx2;\nvar dy2;\nvar numberLines = 15\nfunction draw() {\n    background(249,214,214);\n\n    \/\/background line-top left\n    stroke(168,141,158);\n    line(50,0,150,0);\n    line(0,50,0,150);\n    dx1 = (150-50)\/numberLines;\n    dy1 = (0-0)\/numberLines;\n    dx2 = (0-0)\/numberLines;\n    dy2 = (150-50)\/numberLines;\n    var x1 = 50;\n    var y1 = 0;\n    var x2 = 0;\n    var y2 = 150;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 -= dx2;\n        y2 -= dy2;\n        }\n    \/\/background line-top right\n    line(250,0,350,0);\n    line(400,50,400,150);\n    dx1 = (350-250)\/numberLines;\n    dy1 = (0-0)\/numberLines;\n    dx2 = (400-400)\/numberLines;\n    dy2 = (150-50)\/numberLines;\n    var x1 = 250;\n    var y1 = 0;\n    var x2 = 400;\n    var y2 = 50;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 += dx2;\n        y2 += dy2;\n        }\n\n    line(0,150,0,250);\n    line(150,300,50,300);\n    dx1 = (0-0)\/numberLines;\n    dy1 = (250-150)\/numberLines;\n    dx2 = (50-150)\/numberLines;\n    dy2 = (300-300)\/numberLines;\n    var x1 = 0;\n    var y1 = 150;\n    var x2 = 50;\n    var y2 = 300;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 -= dx2;\n        y2 -= dy2;\n        }\n    line(400,150,400,250);\n    line(250,300,350,300);\n    dx1 = (400-400)\/numberLines;\n    dy1 = (250-150)\/numberLines;\n    dx2 = (350-250)\/numberLines;\n    dy2 = (300-300)\/numberLines;\n    var x1 = 400;\n    var y1 = 150;\n    var x2 = 350;\n    var y2 = 300;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 -= dx2;\n        y2 -= dy2;\n        }    \n    \/\/feeler left\n    stroke(146,63,75);\n    line(185,80,190,75);\n    line(197,117,203,115);\n    dx1 = (190-185)\/numberLines;\n    dy1 = (75-80)\/numberLines;\n    dx2 = (203-197)\/numberLines;\n    dy2 = (115-117)\/numberLines;\n    var x1 = 185;\n    var y1 = 80;\n    var x2 = 203;\n    var y2 = 115;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 -= dx2;\n        y2 -= dy2;\n    }\n    \/\/feeler right\n    line(220,80,215,75);\n    line(197,117,203,115);\n    dx1 = (215-220)\/numberLines;\n    dy1 = (75-80)\/numberLines;\n    dx2 = (203-197)\/numberLines;\n    dy2 = (115-117)\/numberLines;\n    var x1 = 220;\n    var y1 = 80;\n    var x2 = 197;\n    var y2 = 117;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 += dx2;\n        y2 += dy2;\n    }\n\n    stroke(63,41,54);\n    line(130,50,130,110);\n    line(280,140,280,230);\n    dx1 = (130-130)\/numberLines;\n    dy1 = (110-50)\/numberLines;\n    dx2 = (280-280)\/numberLines;\n    dy2 = (230-140)\/numberLines;\n    var x1 = 130;\n    var y1 = 50;\n    var x2 = 280;\n    var y2 = 230;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 -= dx2;\n        y2 -= dy2;\n    }\n\n    \/\/Inside-wing top right & bottom left\n    line(120,140,120,230);\n    line(270,50,270,110);\n    dx1 = (120-120)\/numberLines;\n    dy1 = (230-140)\/numberLines;\n    dx2 = (270-270)\/numberLines;\n    dy2 = (110-50)\/numberLines;\n    var x1 = 120;\n    var y1 = 140;\n    var x2 = 270;\n    var y2 = 110;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 -= dx2;\n        y2 -= dy2;\n    }\n    \n    \/\/Outside-top left\n    stroke(189,135,134);\n    line(110,20,110,115);\n    line(200,115,200,130);\n    dx1 = (110-110)\/numberLines;\n    dy1 = (115-20)\/numberLines;\n    dx2 = (200-200)\/numberLines;\n    dy2 = (130-115)\/numberLines;\n    var x1 = 110;\n    var y1 = 20;\n    var x2 = 200;\n    var y2 = 115;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 += dx2;\n        y2 += dy2;\n    }\n    \/\/Outside-top right\n    line(290,20,290,115);\n    line(200,115,200,130);\n    let numLines = 10;\n    dx1 = (290-290)\/numberLines;\n    dy1 = (115-20)\/numberLines;\n    dx2 = (200-200)\/numberLines;\n    dy2 = (130-115)\/numberLines;\n    var x1 = 290;\n    var y1 = 20;\n    var x2 = 200;\n    var y2 = 115;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 += dx2;\n        y2 += dy2;\n}\n    \/\/Ouside-bottom left \n    line(100,135,110,260);\n    line(200,125,200,140);\n    dx1 = (110-100)\/numberLines;\n    dy1 = (260-135)\/numberLines;\n    dx2 = (200-200)\/numberLines;\n    dy2 = (140-125)\/numberLines;\n    var x1 = 100;\n    var y1 = 135;\n    var x2 = 200;\n    var y2 = 125;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 += dx2;\n        y2 += dy2;\n    }\n    \/\/Ouside-bottom right \n    line(300,135,290,260);\n    line(200,125,200,140);\n    dx1 = (290-300)\/numberLines;\n    dy1 = (260-135)\/numberLines;\n    dx2 = (200-200)\/numberLines;\n    dy2 = (140-125)\/numberLines;\n    var x1 = 300;\n    var y1 = 135;\n    var x2 = 200;\n    var y2 = 125;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 += dx2;\n        y2 += dy2;\n    }\n\n    \/\/bottom patterning\n    stroke(107,87,104)\n    line(150,150,170,150);\n    line(130,180,150,180);\n    dx1 = (170-150)\/numberLines;\n    dy1 = (150-150)\/numberLines;\n    dx2 = (150-130)\/numberLines;\n    dy2 = (180-180)\/numberLines;\n    var x1 = 150;\n    var y1 = 150;\n    var x2 = 150;\n    var y2 = 180;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 -= dx2;\n        y2 -= dy2;\n    }\n    line(225,150,245,150);\n    line(245,180,265,180);\n    dx1 = (245-225)\/numberLines;\n    dy1 = (150-150)\/numberLines;\n    dx2 = (265-245)\/numberLines;\n    dy2 = (180-180)\/numberLines;\n    var x1 = 225;\n    var y1 = 150;\n    var x2 = 265;\n    var y2 = 180;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 -= dx2;\n        y2 -= dy2;\n    }\n\n    \/\/upper patterning\n    line(145,90,155,90);\n    line(140,105,150,105);\n    dx1 = (155-145)\/numberLines;\n    dy1 = (90-90)\/numberLines;\n    dx2 = (150-140)\/numberLines;\n    dy2 = (105-105)\/numberLines;\n    var x1 = 145;\n    var y1 = 90;\n    var x2 = 150;\n    var y2 = 105;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 -= dx2;\n        y2 -= dy2;\n    }\n\n    line(245,90,255,90);\n    line(250,105,260,105);\n    dx1 = (255-245)\/numberLines;\n    dy1 = (90-90)\/numberLines;\n    dx2 = (260-250)\/numberLines;\n    dy2 = (105-105)\/numberLines;\n    var x1 = 245;\n    var y1 = 90;\n    var x2 = 260;\n    var y2 = 105;\n    for(var i=0;i&lt;=numberLines;i+=1){\n        line(x1,y1,x2,y2);\n        x1 += dx1;\n        y1 += dy1;\n        x2 -= dx2;\n        y2 -= dy2;\n    }\n}<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>This is my project 04. sketch function setup() { createCanvas(400, 300); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } \/\/Inside-wing top left &#038; bottom right var dx1; var dy1; var dx2; var dy2; var numberLines = 15 function draw() { background(249,214,214); \/\/background line-top left stroke(168,141,158); line(50,0,150,0); line(0,50,0,150); dx1 = (150-50)\/numberLines; dy1 = (0-0)\/numberLines; dx2 = &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/27\/73168\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;&#8221;<\/span><\/a><\/p>\n","protected":false},"author":778,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[102,57],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73168"}],"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\/778"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73168"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73168\/revisions"}],"predecessor-version":[{"id":73169,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73168\/revisions\/73169"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}