{"id":66901,"date":"2021-10-02T19:32:47","date_gmt":"2021-10-02T23:32:47","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=66901"},"modified":"2021-10-02T19:36:12","modified_gmt":"2021-10-02T23:36:12","slug":"project-05-wallpaper-5","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/02\/project-05-wallpaper-5\/","title":{"rendered":"Project-05: 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><div class=\"wp-block-file\"><a class=\"p5_sketch_link\" data-width=\"500\" data-height=\"500\" data-fontsize=\"9\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/sketch-13.js\">sketch<\/a><a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/sketch-13.js\" class=\"wp-block-file__button\" download>Download<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"500\" height=\"500\"><\/iframe><pre class=\"language-javascript\" style=\"font-size:9px !important; line-height:13.05px !important\"><code class=\"p5_editor language-javascript\" style=\"font-size:9px !important;\">\/\/Yeon Lee, Section C\n\/\/Project 5: Wallpaper\n\n\nfunction setup() {\n    createCanvas(500, 500);\n    background(220);\n    backgroundColor = color(255,251,241);\n    cloudColor = color(255, 145, 179); \/\/pink\n    cloud_2Color = color(111, 220, 191); \/\/green\n    balloonColor = color(255, 141, 102); \/\/orange\n    balloon_2Color = color(255, 218, 102); \/\/yellow\n    noLoop();\n}\n\nfunction draw() {\n    background(backgroundColor);\n\n    \/\/clouds\n    for (var a = -30; a &lt; width; a += 150) {\n        for (var b = 0; b &lt; height; b += 200) {\n            push();\n            translate(a, b);\n            cloud();\n            pop();\n        }\n    }\n\n    \/\/clouds #2\n    for (var c = 50; c &lt; width; c += 150) {\n        for (var d = 100; d &lt; height; d += 200) {\n            push();\n            translate(c, d);\n            cloud_2();\n            pop();\n        }\n    }\n\n    \/\/balloon\n    for (var e = -20;  e &lt; width; e += 150) {\n        for (var f = 50; f &lt; height; f += 200) {\n            push();\n            translate(e, f);\n            balloon();\n            pop();\n        }\n    }\n\n    \/\/balloon #2\n    for (var g = 55;  g &lt; width; g += 150) {\n        for (var h = 160; h &lt; height; h += 200) {\n            push();\n            translate(g, h);\n            balloon_2();\n            pop();\n        }\n    }\n}\n\nfunction cloud() { \/\/draw cloud \n    fill(cloudColor);\n    noStroke();\n    ellipse(30, 60, 15, 15);\n    ellipse(40, 50, 20, 20);\n    ellipse(60, 40, 30, 30);\n    ellipse(80, 50, 20, 20);\n    ellipse(90, 60, 15, 15);\n    rect(30, 50.5, 58, 17);\n}\n\nfunction cloud_2() { \/\/draw cloud again with different color\n    fill(cloud_2Color);\n    noStroke();\n    ellipse(30, 60, 15, 15);\n    ellipse(40, 50, 20, 20);\n    ellipse(60, 40, 30, 30);\n    ellipse(80, 50, 20, 20);\n    ellipse(90, 60, 15, 15);\n    rect(30, 50.5, 58, 17);\n}\n\nfunction balloon() { \/\/draw balloon\n    fill(balloonColor);\n    noStroke();\n    ellipse(50, 55, 45, 48);\n    triangle(45, 84, 50, 50, 55, 84);\n    fill(116,71,0);\n    rect(50, 84, 1, 30);\n}\n\nfunction balloon_2() { \/\/draw balloon with different color\n    fill(balloon_2Color);\n    noStroke();\n    ellipse(50, 55, 45, 48);\n    triangle(45, 84, 50, 50, 55, 84);\n    fill(116,71,0);\n    rect(50, 84, 1, 30);\n}\n<\/code><\/pre><\/div>\n\n\n\n<p>My favorite part of this project was creating shapes like the cloud and balloons, and playing around with colors for better visualization. At first, I tried to illustrate the sky with flying balloons, but later I decided to make it entirely abstract with different colors of clouds just to resemble like a wallpaper on a kid&rsquo;s room.<\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketchDownload \/\/Yeon Lee, Section C \/\/Project 5: Wallpaper function setup() { createCanvas(500, 500); background(220); backgroundColor = color(255,251,241); cloudColor = color(255, 145, 179); \/\/pink cloud_2Color = color(111, 220, 191); \/\/green balloonColor = color(255, 141, 102); \/\/orange balloon_2Color = color(255, 218, 102); \/\/yellow noLoop(); } function draw() { background(backgroundColor); \/\/clouds for (var a = -30; a &lt; &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/02\/project-05-wallpaper-5\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project-05: Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":630,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104,57],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66901"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/users\/630"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=66901"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66901\/revisions"}],"predecessor-version":[{"id":66907,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66901\/revisions\/66907"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=66901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=66901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=66901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}