{"id":73633,"date":"2022-10-01T23:39:58","date_gmt":"2022-10-02T03:39:58","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73633"},"modified":"2022-10-01T23:39:58","modified_gmt":"2022-10-02T03:39:58","slug":"project-05-wallpaper-floor-tiles","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-05-wallpaper-floor-tiles\/","title":{"rendered":"Project 05: Wallpaper\/Floor Tiles"},"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>Inspired by the South Indian &ndash; Chettinad&rsquo;s Athangudi tiles<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"768\" height=\"1024\" src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/EM2btfWU8AAFU6m-768x1024.jpeg\" alt=\"\" class=\"wp-image-73642\" srcset=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/EM2btfWU8AAFU6m-768x1024.jpeg 768w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/EM2btfWU8AAFU6m-225x300.jpeg 225w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/EM2btfWU8AAFU6m-1152x1536.jpeg 1152w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/EM2btfWU8AAFU6m-1200x1600.jpeg 1200w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/EM2btfWU8AAFU6m.jpeg 1536w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\"><\/figure><p><a class=\"p5_sketch_link\" data-width=\"600\" data-height=\"550\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/sketch-38.js\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"600\" height=\"550\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Name: Hari Vardhan Sampath\n\/\/Section: E\n\/\/eMail address: harivars@andrew.cmu.edu\n\/\/Project-05\n\nfunction setup() {\n    createCanvas(600, 550);\n    background(0); \/\/ black\n}\n\nvar r = 10; \/\/ initialize red \nvar g = 10; \/\/ initialize green \nvar b = 10; \/\/ initialize blue \n\nfunction draw() {\n    drawGrid();\n    noLoop(); \/\/ to mainitain gradient\n}\n\n\n\nfunction drawGrid() {\n    var s = 50; \/\/side of the cube\n    for (var y = 0; y &lt;= height; y += s + s\/2) {\n        var green = 5; \/\/initialize green\n        for (var x = 0; x &lt;= width; x += s) {\n            fill(r, g, b);\n            cube(x, y, s);\n            r += 3 \/\/increment red\n            g += 2 \/\/increment green \n            b += 1 \/\/increment blue\n        }\n    r += 2 \/\/increment red\n    b += 3 \/\/increment blue\n    }\n}\n\nfunction cube(x, y, s){\n    \/\/ first face of the cube with colormix of r & g\n    push();\n    translate(x, y);\n    noFill();\n    rotate(radians(30));\n    stroke(2);\n    fill(r, g, 0);\n    quad(0, 0, s, 0, s\/2, s*sqrt(3)\/2, \n            -s\/2, s*sqrt(3)\/2) ;\n    pop();\n    \/\/ second face of the cube with colormix of g & b\n    push();\n    translate(x, y);\n    rotate(radians(30 + 120));\n    stroke(2);\n    fill(0, g, b);\n    quad(0, 0, s, 0, s\/2, s*sqrt(3)\/2, \n            -s\/2, s*sqrt(3)\/2) ;\n    pop()\n    \/\/ third face of the cube with colormix of r & b\n    push();\n    translate(x, y);\n    rotate(radians(30 + 120 + 120));\n    stroke(2);\n    fill(r, 0, b);\n    quad(0, 0, s, 0, s\/2, s*sqrt(3)\/2, \n            -s\/2, s*sqrt(3)\/2) ;\n    pop()\n}<\/code><\/pre><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Inspired by the South Indian &ndash; Chettinad&rsquo;s Athangudi tiles sketch \/\/Name: Hari Vardhan Sampath \/\/Section: E \/\/eMail address: harivars@andrew.cmu.edu \/\/Project-05 function setup() { createCanvas(600, 550); background(0); \/\/ black } var r = 10; \/\/ initialize red var g = 10; \/\/ initialize green var b = 10; \/\/ initialize blue function draw() { drawGrid(); noLoop(); &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-05-wallpaper-floor-tiles\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 05: Wallpaper\/Floor Tiles&#8221;<\/span><\/a><\/p>\n","protected":false},"author":756,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104,121],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73633"}],"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\/756"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73633"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73633\/revisions"}],"predecessor-version":[{"id":73654,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73633\/revisions\/73654"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73633"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73633"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}