For the wallpaper, I tried to recreate a typical celtic cross pattern, which is made of overlapping and interlocking loops and cusps. <\/p>\n\n\n\n

sketch<\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ Graham Murtha\n\/\/Section A\n\/\/gmurtha@andrew.cmu.edu\n\/\/Project 05- CELTIC CROSS!!\n\n\nvar cell = 80; \/\/ cell size \n\nfunction setup() {\n createCanvas(500, 500);\n}\n\nfunction draw() {\n background(0, 60, 20);\n for (var y = -60; y < height +60; y += 80){\n for (var x = -60; x < width +60; x += 80){\n knot(x, y);\n }\n }\n noLoop();\n}\n\n\nfunction knot(x, y){\n push();\n translate(x, y);\n\n noFill()\n \/\/ base circle outline\n stroke(0);\n strokeWeight(6);\n ellipse(0,0,cell-5);\n\n \/\/base circle color fill\n stroke(120,130,0);\n strokeWeight(4);\n ellipse(0,0,cell-3)\n\n\n \/\/center circle outline\n stroke(0);\n strokeWeight(6);\n ellipse(0,0,cell\/3)\n \/\/center circle color\n stroke(120,130,0);\n strokeWeight(2);\n ellipse(0,0,cell\/3)\n\n \/\/ TINY center circle outline \n stroke(0);\n strokeWeight(4);\n ellipse(0,0,cell\/6)\n \/\/ TINY center circle color \n stroke(120,130,0);\n strokeWeight(1);\n ellipse(0,0,cell\/6)\n\nstroke(0)\n strokeWeight(4)\n\n \n \/\/crossing leaf shape OUTLINES (rotated in all 4 quadrants)\n beginShape();\n curveVertex(0,0);\n curveVertex(cell\/4,cell\/8);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/8,cell\/4);\n curveVertex(0,0);\n endShape();\n\n rotate(radians(90))\n beginShape();\n curveVertex(0,0);\n curveVertex(cell\/4,cell\/8);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/8,cell\/4);\n curveVertex(0,0);\n endShape();\n\n rotate(radians(90))\n beginShape();\n curveVertex(0,0);\n curveVertex(cell\/4,cell\/8);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/8,cell\/4);\n curveVertex(0,0);\n endShape();\n\n rotate(radians(90))\n beginShape();\n curveVertex(0,0);\n curveVertex(cell\/4,cell\/8);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/8,cell\/4);\n curveVertex(0,0);\n endShape();\n\n\n stroke(120,130,0)\n strokeWeight(2)\n\n \n \/\/crossing leaf shape FILLS (rotated in all 4 quadrants)\n beginShape();\n curveVertex(0,0);\n curveVertex(cell\/4,cell\/8);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/8,cell\/4);\n curveVertex(0,0);\n endShape();\n\n rotate(radians(90))\n beginShape();\n curveVertex(0,0);\n curveVertex(cell\/4,cell\/8);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/8,cell\/4);\n curveVertex(0,0);\n endShape();\n\n rotate(radians(90))\n beginShape();\n curveVertex(0,0);\n curveVertex(cell\/4,cell\/8);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/8,cell\/4);\n curveVertex(0,0);\n endShape();\n\n rotate(radians(90))\n beginShape();\n curveVertex(0,0);\n curveVertex(cell\/4,cell\/8);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/2,cell\/2);\n curveVertex(cell\/8,cell\/4);\n curveVertex(0,0);\n endShape();\n\n\n\n strokeWeight(5)\n stroke(0);\n \/\/ central lobe OUTLINE - wide ellipses\n rotate(radians(45));\n arc(0,0,cell*sqrt(2)\/2,cell\/2,radians(0),radians(180));\n arc(0,0,cell*sqrt(2)\/2,cell\/2, radians(180),radians(0));\n\n rotate(radians(90));\n arc(0,0,cell*sqrt(2)\/2,cell\/2,radians(0),radians(180));\n arc(0,0,cell*sqrt(2)\/2,cell\/2, radians(180),radians(0));\n\n strokeWeight(3)\n stroke(120,130,0);\n\n \/\/ central lobe FILL- wide ellipses\n rotate(radians(90));\n arc(0,0,cell*sqrt(2)\/2,cell\/2,radians(0),radians(180));\n arc(0,0,cell*sqrt(2)\/2,cell\/2, radians(180),radians(0));\n\n rotate(radians(90));\n arc(0,0,cell*sqrt(2)\/2,cell\/2,radians(0),radians(180));\n arc(0,0,cell*sqrt(2)\/2,cell\/2, radians(180),radians(0));\n \n pop();\n noLoop();\n}\n\n\n \n\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Graham Murtha Section A For the wallpaper, I tried to recreate a typical celtic cross pattern, which is made of overlapping and interlocking loops and cusps. sketch \/\/ Graham Murtha \/\/Section A \/\/gmurtha@andrew.cmu.edu \/\/Project 05- CELTIC CROSS!! var cell = 80; \/\/ cell size function setup() { createCanvas(500, 500); } function draw() { background(0, 60, … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/03\/project-5-wallpaper-12\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project 5- Wallpaper”<\/span><\/a><\/p>\n","protected":false},"author":748,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73765"}],"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\/748"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73765"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73765\/revisions"}],"predecessor-version":[{"id":73772,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73765\/revisions\/73772"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73765"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73765"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}