{"id":67026,"date":"2021-10-03T17:57:03","date_gmt":"2021-10-03T21:57:03","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=67026"},"modified":"2021-10-03T17:57:47","modified_gmt":"2021-10-03T21:57:47","slug":"project-5-wallpaper-14","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/03\/project-5-wallpaper-14\/","title":{"rendered":"Project 5: Wallpaper"},"content":{"rendered":"\n

luca wallpaper<\/a><\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">var xp = 50;\/\/startingx\nvar yp = 50;\/\/startingy\n\n\nfunction setup() {\n createCanvas(600, 600);\n angleMode(DEGREES);\/\/using degrees instead of radians\n}\n\nfunction draw(){\n background(237, 224, 212);\n noStroke();\n for (var row = 0; row <= 10; row++){\n for (var col = 0; col <= 10; col++){\n drawCougar(row*90, col*90);\/\/loop drawing\n }\n\n function drawCougar(x, y){\n push();\n translate(x-20, y-20);\n fill(221, 184, 146);\n ellipse(xp-20,yp-15,20,30);\n ellipse(xp+20,yp-15,20,30);\n \n fill(127, 85, 57);\n ellipse(xp,yp+20,35,30);\/\/front mouth\n ellipse(xp-20,yp-15,20,30);\n ellipse(xp+20,yp-15,20,30);\n\n\n fill(176, 137, 104);\n ellipse(xp,yp,60,60);\/\/head\n \n push();\n translate(10,10);\n rotate(7);\n fill(221, 184, 146);\n ellipse(xp-10,yp+5,20,27);\/\/left mouth\n pop();\n\n push();\n rotate(353);\n fill(221, 184, 146);\n ellipse(xp,yp+25,20,27);\/\/right mouth\n pop();\n\n fill(0);\n ellipse(xp-20,yp,5,10);\/\/left eye\n ellipse(xp+20,yp,5,10);\/\/right eye\n ellipse(xp,yp+5,20,10);\/\/nose\n pop();\n }\n\n } \n\n}\n\n\n\n\n\n\n\n<\/code><\/pre><\/p>\n\n\n\n<p>I started the project by sketching out ideas. Then, I moved to p5.js and created one drawing, and embedded a loop to make it repeat, creating the pattern and effect. I think figuring out how to employ a for loop was the most challenging for me. However, I really liked how my wallpaper turned out in the end. The project provided me with a better understanding of loops and functions.<\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>luca wallpaper var xp = 50;\/\/startingx var yp = 50;\/\/startingy function setup() { createCanvas(600, 600); angleMode(DEGREES);\/\/using degrees instead of radians } function draw(){ background(237, 224, 212); noStroke(); for (var row = 0; row <= 10; row++){ for (var col = 0; col <= 10; col++){ drawCougar(row*90, col*90);\/\/loop drawing } function drawCougar(x, y){ push(); translate(x-20, y-20); … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/03\/project-5-wallpaper-14\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project 5: Wallpaper”<\/span><\/a><\/p>\n","protected":false},"author":642,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104,58,1],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67026"}],"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\/642"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=67026"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67026\/revisions"}],"predecessor-version":[{"id":67030,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67026\/revisions\/67030"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=67026"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=67026"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=67026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}