{"id":73746,"date":"2022-10-03T09:03:27","date_gmt":"2022-10-03T13:03:27","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73746"},"modified":"2022-10-03T09:03:27","modified_gmt":"2022-10-03T13:03:27","slug":"project-5-wallpaper-11","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/03\/project-5-wallpaper-11\/","title":{"rendered":"Project 5 &#8211; Wallpaper"},"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 my wallpaper, I wanted to try to replicate the &ldquo;jazz&rdquo; pattern seen on your typical office styrofoam cup.<\/p>\n\n\n\n<div class=\"wp-block-file\"><a class=\"p5_sketch_link\" data-width=\"500\" data-height=\"500\" id=\"wp-block-file--media-fde0a163-bfad-4ee0-82fe-4093019bcddb\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/sketch-50.js\">csavitzv_05<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"500\" height=\"500\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Cole Savitz-Vogel\n\/\/csavitzv\n\/\/Section A\n\nfunction setup() {\n    createCanvas(600, 600);\n    background(0);\n    noLoop();\n}\n\nfunction draw() {\n    fill(230);\n    background(230);\n    for (var y = -60; y &lt;= height+50; y+= 70) {\n      stripes(0, y);\n     }\n    for (var x = -100; x &lt;= width+50; x += 150) {\n        for (var y = -10; y &lt;= height+50; y += 70)\n     pastel(x, y);\n     }\n    for (var x = -80; x &lt;= width+50; x += 100) {\n        for (var y = -50; y &lt;= height+50; y += 70)\n     curvy(x, y);\n     }\n    for (var x = -50; x &lt;= width+50; x += 2) {\n        for (var y = -50; y &lt;= height+50; y += 10)\n     styro(x, y);\n     }\n}\n\n\/\/Stripes - The backmost blue line\nfunction stripes(x,y) {\n    push();\n    translate(x,y);\n    strokeWeight(30);\n    curveTightness(3);\n    stroke(94, 205, 255, 90);\n    curve(-3000, 60, 200, 36, 400, 20, 3000, 50);\n    pop();\n}\n\n\/\/Curvy - The purple frontmost curves; The color varies slightly\nfunction curvy(x, y) {\n    push();\n    noFill();\n    translate(x,y);\n    strokeWeight(5);\n    curveTightness(-5)\n    rotate(1);\n    stroke(random(100, 130), 10, (100, 150));\n    curve(-10, 16, 50, 46, 90, 34, 130, 60);\n    translate(10, 20);\n    rotate(3);\n    curve(-10, 6, 50, 36, 90, 24, 130, 50);\n    pop();\n}\n\n\/\/Pastel - The middleground blue lines; The color varies slightly\nfunction pastel(x,y) {\n    push();\n    translate(x,y);\n    strokeWeight(15);\n    stroke(74, 225, 255, random(90,120));\n    curveTightness(0)\n    curve(0, 16, 100, 46, 150, 34, 190, 60);\n    translate(40, 25);\n    rotate(.05);\n    stroke(94, 205, 255, random(90, 120));\n    curve(0, 6, 100, 36, 150, 24, 190, 50);\n    translate(30, -20);\n    rotate(-.05);\n    stroke(74, 215, 225, random(90, 120));\n    curve(0, 6, 100, 36, 150, 24, 190, 50);\n    translate(30, 15);\n    rotate(.05);\n    stroke(54, 235, 245, random(90, 120));\n    curve(0, 6, 100, 36, 150, 24, 190, 50);\n    pop();\n}\n\n\/\/Styro - A filter-like pattern of random small lines and dots to give the underlying pattern a styrofoam feel\nfunction styro(x, y) {\n    push();\n    translate(x, y);\n    noStroke();\n    fill(230, random(100,250));\n    ellipse(random(0, 100), random(0, 100), random(1, 3), random(1,3));\n    strokeWeight(random(.01, .1));\n    stroke(230, random(100,250));\n    line(random(0, 100), random(0, 100), random(0, 100), random(0, 100));\n    pop();\n}<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>For my wallpaper, I wanted to try to replicate the &ldquo;jazz&rdquo; pattern seen on your typical office styrofoam cup. csavitzv_05 \/\/Cole Savitz-Vogel \/\/csavitzv \/\/Section A function setup() { createCanvas(600, 600); background(0); noLoop(); } function draw() { fill(230); background(230); for (var y = -60; y &lt;= height+50; y+= 70) { stripes(0, y); } for (var x &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/03\/project-5-wallpaper-11\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 5 &#8211; Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":757,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104,55],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73746"}],"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\/757"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73746"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73746\/revisions"}],"predecessor-version":[{"id":73750,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73746\/revisions\/73750"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73746"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73746"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}