{"id":66930,"date":"2021-10-02T22:46:15","date_gmt":"2021-10-03T02:46:15","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=66930"},"modified":"2021-10-02T22:46:15","modified_gmt":"2021-10-03T02:46:15","slug":"project-5-wallpaper-11","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/02\/project-5-wallpaper-11\/","title":{"rendered":"Project 5: Wallpaper"},"content":{"rendered":"\n

var s = 50;\nfunction hexagon(xCenter,yCenter,color,col) {\n\n    var canvas = document.getElementById('hexagons');\n    var ctx = canvas.getContext('2d');\n    \n    ctx.beginPath();\n\n    ctx.moveTo(xCenter - s, yCenter);\n    ctx.lineTo(xCenter - (s\/2), yCenter - s*Math.sqrt(3)\/2);\n    ctx.lineTo(xCenter + (s\/2), yCenter - s*Math.sqrt(3)\/2);\n    ctx.lineTo(xCenter + s, yCenter);\n    ctx.lineTo(xCenter + (s\/2), yCenter + s*Math.sqrt(3)\/2);\n    ctx.lineTo(xCenter - (s\/2), yCenter + s*Math.sqrt(3)\/2);\n    ctx.lineTo(xCenter - s, yCenter);\n\n    ctx.closePath();\n    ctx.stroke();\n    if (col) {\n        if (color % 3 == 1) {\n            ctx.fillStyle = '#f00';\n        } else if (color % 3 == 2) {\n            ctx.fillStyle = '#0f0';\n        } else {\n            ctx.fillStyle = '#00f';\n        }\n    } else {\n        if (color % 3 == 1) {\n            ctx.fillStyle = '#00f';\n        } else if (color % 3 == 2) {\n            ctx.fillStyle = '#f00';\n        } else {\n            ctx.fillStyle = '#0f0';\n        }\n    }\n    \n    ctx.fill();\n}\n\nfunction draw() {\n\n    var above = true;\n    for (var i = 1; i <= 6; i++) {\n\n        for (var j = 1; j <= 5; j++) {\n            hexagon(150 * j - 100, (25 * Math.sqrt(3) * 2 * i),i,true);\n        }\n        \n    }\n\n    for (var i = 1; i <= 5; i++) {\n\n        for (var j = 1; j <= 4; j++) {\n\n        hexagon(150 * j - 25,(25 * Math.sqrt(3) * 2 * i) + 25 * Math.sqrt(3),i,false);\n        }\n    }\n\n}\ndraw();\n\n<\/code><\/pre><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":656,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104,56],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66930"}],"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\/656"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=66930"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66930\/revisions"}],"predecessor-version":[{"id":66931,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66930\/revisions\/66931"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=66930"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=66930"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=66930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}