{"id":73404,"date":"2022-10-01T15:06:15","date_gmt":"2022-10-01T19:06:15","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73404"},"modified":"2022-10-01T15:06:15","modified_gmt":"2022-10-01T19:06:15","slug":"project-05-wallpaper-srauch","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-05-wallpaper-srauch\/","title":{"rendered":"Project 05 &#8211; Wallpaper &#8211; srauch"},"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>Here is my palm frond wallpaper. Vibes.<\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/sketch-12.js\" data-width=\"400\" data-height=\"400\">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=\"400\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/sam rauch, section B, srauch@andrew.cmu.edu, project 05\n\/\/this code makes a wallpaper pattern with overlapping palm leaves\n\nfunction setup() {\n    createCanvas(400, 400);\n    background(220);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    background(16, 28, 48);\n\n    \/\/drawing pattern\n    var direction = 1 \/\/flips direction leaves are facing as they're drawn in the j loop\n    for (var i = 0; i &lt;= width+110; i+=110){\n        for (var j = 0; j&lt;= height+100; j+=70){\n            stem(i,j, 45*direction);\n            direction = direction*-1;\n        }\n    }\n\n    noLoop();\n}\n\nfunction portLeaf(a,b,radius, spin){ \/\/make left leaves. must be called at 0,0\n    push();\n    translate(a,b);\n    rotate(radians(spin));\n    noStroke();\n\n    push(); \/\/bottom half\n    fill(20, 50, 23);\n    translate(a-(cos(radians(70))*radius), b-(sin(radians(70))*radius));\n    arc(0, 0, radius*2, radius*2, radians(70), radians(110), CHORD);\n    pop();\n\n    push(); \/\/top half\n    fill(37, 87, 42); \n    translate(a+(cos(radians(250))*radius), b-(sin(radians(290))*radius));\n    arc(0,0, radius*2, radius*2, radians(250), radians(290), CHORD);\n    pop();\n\n    pop();\n}\n\nfunction starLeaf(a,b,radius,spin) { \/\/make right leaves. must be called at 0,0\n    push();\n    translate(a,b);\n    rotate(radians(spin));\n    noStroke();\n\n    push(); \/\/bottom half\n    fill(20, 50, 23);\n    translate(a+(cos(radians(70))*radius), b-(sin(radians(70))*radius));\n    arc(0, 0, radius*2, radius*2, radians(70), radians(110), CHORD);\n    pop();\n\n    push(); \/\/top half\n    fill(37, 87, 42);\n    translate(a-(cos(radians(250))*radius), b-(sin(radians(290))*radius));\n    arc(0,0, radius*2, radius*2, radians(250), radians(290), CHORD);\n    pop();\n\n    pop();\n}\n\nfunction stem(stemX, stemY, spin) {\/\/make a stem, and place leaves along it \n    push();\n    translate(stemX, stemY);\n    rotate(radians(spin));\n\n    \/\/leaves at the tip\n    portLeaf(0,0,50,60);\n    starLeaf(0,0,50,-60);\n    portLeaf(0,0,50,80);\n    starLeaf(0,0,50,-80);\n\n    \/\/put leaves along the stem\n    var radius = 45;\n    for(var i = 0; i&lt;100; i+=10){\n        push();\n        translate(0,i);\n        portLeaf(0,0,radius, 30);\n        starLeaf(0,0,radius,-30);\n        radius += 3;\n        pop();\n    }\n\n    \/\/line for stem\n    stroke(20, 60, 25);\n    strokeWeight(3);\n    line(0,0, 0, 100);\n\n    pop();\n}<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Here is my palm frond wallpaper. Vibes. sketch \/\/sam rauch, section B, srauch@andrew.cmu.edu, project 05 \/\/this code makes a wallpaper pattern with overlapping palm leaves function setup() { createCanvas(400, 400); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { background(16, 28, 48); \/\/drawing pattern var direction = 1 \/\/flips direction leaves are facing &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-05-wallpaper-srauch\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 05 &#8211; Wallpaper &#8211; srauch&#8221;<\/span><\/a><\/p>\n","protected":false},"author":754,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104,56],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73404"}],"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\/754"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73404"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73404\/revisions"}],"predecessor-version":[{"id":73405,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73404\/revisions\/73405"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}