{"id":67072,"date":"2021-10-03T22:55:10","date_gmt":"2021-10-04T02:55:10","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=67072"},"modified":"2021-10-03T22:55:10","modified_gmt":"2021-10-04T02:55:10","slug":"project-5-wallpaper-17","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/03\/project-5-wallpaper-17\/","title":{"rendered":"Project 5: 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><a class=\"p5_sketch_link\" data-width=\"600\" data-height=\"600\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/sketch-31.js\">sketch<\/a><a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/sketch-31.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=\"600\" height=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ Yash Mittal\n\/\/ Section D\n\nvar x = 95;\nvar y = 95;\n\nfunction setup() {\n    createCanvas(600, 600);\n    background (232, 217, 203);\n\n    noLoop();\n}\n\nfunction draw() { \n\n    for (var col = 0.95; col &lt;= 10; col = col + 2) {\n\n        for (var row = 1.3; row &lt;= 9; row = row + 2) {\n\n           lion (x * 0.8 * col, y * row); \n        }\n    }\n\n}\n\n\nfunction lion (x, y) {\n\n    noStroke();\n\n    fill (250, 68, 9);\n    ellipse (x - 35, y + 35, 50, 50); \/\/ mane circle 1\n    ellipse (x - 55, y + 2, 43, 45); \/\/ mane circle 2\n    ellipse (x - 43, y - 39, 55, 50); \/\/ mane circle 3\n    ellipse (x - 10, y - 63, 53, 53); \/\/ mane circle 4\n    ellipse (x + 32, y - 50, 53, 53); \/\/ mane circle 5\n    ellipse (x + 52, y - 10, 50, 50); \/\/ mane cirlce 6\n    ellipse (x + 40, y + 30, 50, 50); \/\/ mane circle  7\n    ellipse (x + 5, y + 50, 55, 55); \/\/ mane circle 8\n\n    fill (254, 146, 9); \/\/ orange face \n    ellipse (x, y, 96, 90); \/\/ background of face  \n\n    fill (59, 23, 9); \/\/ dark brown  \n    ellipse (x - 25, y, 8, 12); \/\/ left eye\n    ellipse (x + 25, y, 8, 12); \/\/ right eye\n\n    fill (255, 209, 53); \n    ellipse (x, y + 5, 16, 35); \/\/ nose highlight \n\n    fill (255);\n    ellipse (x, y + 20, 33, 22); \/\/ mouse background \n\n    fill (53, 22, 3);\n    ellipse (x, y + 13, 20, 8); \/\/ nose\n\n    rect (x - 1, y + 13, 1, 9); \/\/ line from nose to mouth\n\n    strokeWeight (1);\n    stroke (53, 22, 3);\n    line (x - 6, y + 23, x + 6, y + 21); \/\/ mouth smile\n\n    fill (255);\n    noStroke ();\n    ellipse (x - 26.5, y - 3, 3, 5); \/\/ left eye highlight\n    ellipse (x + 23.5, y - 3, 3, 5); \/\/ right eye highlight\n\n    fill (255, 170, 187); \n    ellipse (x - 25, y + 15, 12, 12); \/\/ left cheek highlights\n    ellipse (x + 25, y + 15, 12, 12); \/\/ right cheek highlights\n\n    fill (254, 146, 9);\n    ellipse (x - 30, y - 40, 18, 18); \/\/ left ear base \n    ellipse (x + 30, y - 40, 18, 18); \/\/ right ear base\n\n    fill (255, 209, 53);\n    ellipse (x - 30, y - 40, 10, 10); \/\/ left ear highlight\n    ellipse (x + 30, y - 40, 10, 10); \/\/ right ear highlight\n\n     \n}<\/code><\/pre><\/p>\n\n\n\n<p>I made a lion wallpaper for this project. I started off with drawing my ideas out and then I started making the different elements of the face. Next, I created the loops to repeat the pattern, which took a little bit of time because I got confused with the numbers. <\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketchDownload \/\/ Yash Mittal \/\/ Section D var x = 95; var y = 95; function setup() { createCanvas(600, 600); background (232, 217, 203); noLoop(); } function draw() { for (var col = 0.95; col &lt;= 10; col = col + 2) { for (var row = 1.3; row &lt;= 9; row = row + &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/03\/project-5-wallpaper-17\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 5: Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":661,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104,58],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67072"}],"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\/661"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=67072"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67072\/revisions"}],"predecessor-version":[{"id":67792,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67072\/revisions\/67792"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=67072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=67072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=67072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}