{"id":73412,"date":"2022-10-01T15:38:22","date_gmt":"2022-10-01T19:38:22","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73412"},"modified":"2022-10-01T15:41:46","modified_gmt":"2022-10-01T19:41:46","slug":"project-5-wallpaper-4","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-5-wallpaper-4\/","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>I was inspired to design a Coptic-inspired pattern for this project. I am Coptic Orthodox Christian. Coptic means Egyptian and our art and our churches are filled with beautiful wooden engravings. I wanted to design a pattern inspired by these wooden engravings and see what I could learn about how they are created. I realized that Coptic patterns consist of one design that when placed next to itself creates another design. This pattern forms three different crosses!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"669\" height=\"1024\" src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/IMG_439510847-669x1024.jpg\" alt=\"\" class=\"wp-image-73417\" srcset=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/IMG_439510847-669x1024.jpg 669w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/IMG_439510847-196x300.jpg 196w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/IMG_439510847-768x1176.jpg 768w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/IMG_439510847-1003x1536.jpg 1003w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/IMG_439510847-1337x2048.jpg 1337w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/IMG_439510847-1200x1838.jpg 1200w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/IMG_439510847-scaled.jpg 1672w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\"><figcaption>Process Sketch\/Reflection <\/figcaption><\/figure><p> <\/p>\n\n\n\n<div><a class=\"p5_sketch_link\" data-height=\"600\" data-width=\"500\" id=\"wp-block-file--media-f2f78bba-6540-4b7d-bc66-7c7eb0eda130\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/sketch-13.js\">Coptic wallpaper sketch<\/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=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ Sandy Youssef; \n\/\/section D; \n\/\/syoussef@andrew.cmu.edu;\n\/\/Project-05;\nfunction setup() {\n    createCanvas(500, 600);\n    background(156, 121, 90);\n  \n}\n\nfunction draw() {\n    crossOne(0, 0); \/\/ calling the function\n    \/\/ loop to create crossOne pattern, since crossOne calls crossTwo, they are linked\n    for (var y = 1; y &lt;= height; y += 90) {\n        for (var x = 1; x &lt;= width; x += 90){ \n           crossOne(x-1, y-1);\n    }\n    }\n\n    \n}\nfunction crossOne (x, y) {  \n    push();\n    translate(x,y);  \n    fill(156, 121, 90);\n    stroke(5);\n    var x = 50;\n    var y = 29;\n    push();\n    rectMode (CENTER);\n    rect(50, 50, 50, 50);\n    rect(x, y, 20, 8)\n    \/\/ left rect\n    pop();\n    push();\n    translate(33,40);\n    rotate(radians(90));\n    rect(0, 0, 20, 8);\n    \/\/ right rect\n    pop();\n    push();\n    translate(75,40);\n    rotate(radians(90));\n    rect(0, 0, 20, 8);\n    \/\/bottom rect\n    pop();\n    push();\n    translate(40,67);\n    rect(0, 0, 20, 8)\n    pop();\n    \/\/ top pointy rect\n    fill(115,75,42); \/\/HEREEEEE\n    noStroke();\n    rect(45, 20, 10, 6);\n    stroke(5);\n    line(45, 20, 45, 25);\n    line(55, 20, 55, 25);\n    \/\/ left pointy rect\n    push();\n    translate (45, 0);\n    rotate(radians(90));\n    noStroke();\n    rect(45, 19, 10, 6);\n    stroke(5);\n    line(45, 20, 45, 25);\n    line(55, 20, 55, 25);\n    pop();\n    \/\/ right pointy rect \n    push();\n    translate (100, 0);\n    rotate(radians(90));\n    noStroke();\n    rect(45, 20, 10, 6);\n    stroke(5);\n    line(45, 20, 45, 25);\n    line(55, 20, 55, 25);\n    pop();\n    \/\/ bottom pointy rect\n     push();\n    translate (0, 54.3);\n    noStroke();\n    rect(45, 20, 10, 6);\n    stroke(5);\n    line(45, 20, 45, 25);\n    line(55, 20, 55, 25);\n    pop();\n    \/\/ vertical bottom line in center\n    push();\n    translate(0,0);\n    stroke(5);\n    line(45,34, 45, 67);\n    line(55, 34, 55, 67);\n    pop();  \n    \/\/ horiz line in center\n    line(33,45, 67, 45);\n    line(33, 55, 67, 55);\n    \/\/ same color rectangles to hide lines in center\n    push();\n    noStroke();\n    rect(30,45, 40,9);\n    rotate(radians(90));\n    rect(30,35, 40,9);\n    pop();\n\n    \/\/ little circles\n    fill(115,75,42);\n    push();\n    stroke(5);\n    translate(25,25);\n    ellipse(7,7, 5);\n    translate(35,35);\n    ellipse(7,7,5);\n    pop();\n    push();\n    stroke(5);\n    translate (60,25);\n    ellipse(7,7,5);\n    pop();\n    push();\n    stroke(5);\n    translate(25, 60);\n    ellipse(7,7,5);\n    crossTwo (0,0); \/\/ calling crossTwo function\n    pop();\n    pop();\n \nfunction crossTwo (x2, y2) {\n    rectMode(CENTER); \n    \/\/noStroke();\n    fill(115,75,42);\n    rect(25, 35, 10, 30); \/\/ vertical bottom connection\n    push();\n    translate (x-50,y-119); \/\/ vertical top connection\n    rect(25, 35, 10, 30);\n    pop(); \n    push();\n    translate(15, -35);\n    rotate(radians(90)); \/\/ horizontal connectinon\n    rect(25, 35, 10, 30);\n    pop();\n    \/\/ diamond cross in center\n    push();\n    stroke(5);\n    rotate(radians(45));\n    rect(13,40, 10,10);\n    translate(10,10);\n    rect(13,40, 10,10); \/\/ bottom \n    translate(-20,-20);\n    rect(13,40, 10,10); \/\/ top \n    translate(0,20); \/\/ left \n    rect(13,40, 10,10);\n    translate(20, -20);\n    rect(13,40, 10,10);\n    pop();\n\n}\n\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>I was inspired to design a Coptic-inspired pattern for this project. I am Coptic Orthodox Christian. Coptic means Egyptian and our art and our churches are filled with beautiful wooden engravings. I wanted to design a pattern inspired by these wooden engravings and see what I could learn about how they are created. I realized &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-5-wallpaper-4\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 5: Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":776,"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\/f2022\/wp-json\/wp\/v2\/posts\/73412"}],"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\/776"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73412"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73412\/revisions"}],"predecessor-version":[{"id":73418,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73412\/revisions\/73418"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73412"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73412"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}