{"id":66987,"date":"2021-10-03T15:15:02","date_gmt":"2021-10-03T19:15:02","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=66987"},"modified":"2021-10-03T15:15:02","modified_gmt":"2021-10-03T19:15:02","slug":"project-5-wallpaper-13","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/03\/project-5-wallpaper-13\/","title":{"rendered":"Project 5 &#8211; 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>This week&rsquo;s project asked us to make a wallpaper, so I decided to make my work based on african textiles. Attached is a sketch of my initial idea and my final product. Enjoy!<\/p>\n\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/sketch-21.js\" data-width=\"600\" data-height=\"400\">sketch<\/a>\n<br><img src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/10\/IMG_4548-scaled.jpg\"><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"600\" height=\"400\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">var num = 6; \/\/number of itterations of everything\n\nfunction setup() {\n    createCanvas(600, 400);\n    background(250, 249, 246);\n}\n\n\/*let eyeBrown = color(165,42,42);\nlet bgBrown = color(255, 200, 168);\nlet branchGreen = color(63, 146, 65);\nlet turq = color(64,224,208);*\/\n\nfunction drawBackground() {\n    \/\/random lines from ex 4 but in for loop\n    stroke(255, 200, 168);\n    strokeWeight(1);\n    for (var y = 0; y &lt; height; y+=20) {\n        for (var x = 0; x &lt; width; x+=20) {\n            if (random(1) &gt; 0.5) {\n              line(x, y, x+20, y+20);\n            }\n            else {\n              line(x, y+20, x+20, y);\n            }\n        }\n    }\n\n    \/\/ornaments\n    for (var j = 0; j &lt;= width; j+=width\/num) {\n        var colors = [color(145,205,211), color(234,204,84)]\n        noStroke();\n        fill(random(colors));\n        circle(random(j, j+(width\/num)), random(height\/2), random(40,60));\n        circle(random(j, j+(width\/num)), random(height\/2,height), random(40,60));\n\n        push();\n        fill(200,74,55);\n        translate(random(j,j+(width\/num)), random(height));\n        for (var r = 10; r &lt; 60; r+=10) {\n            for (var i = 0; i &lt; 360; i+=30) {\n                push();\n                scale(0.3);\n                circle(r*cos(radians(i)), r*sin(radians(i)), r\/3);\n                pop();\n            }\n        }\n        pop();\n    }\n\n\n\n}\n\nfunction drawEye(a, b, side) {\n    push();\n    translate(a, b);\n\n    \/\/alternates side of branch\n    if (side == 1) {\n        rotate(degrees(-.009));\n    } else if (side == -1) {\n        rotate(degrees(.009));\n    }\n\n\n\/\/eye arcs\n    \/\/blue filling\n    push();\n        scale(0.7);\n        noFill();\n        strokeWeight(10);\n        stroke(52,173,193);\n        arc(0, -45, 100, 100, radians(65), radians(180-65));\n        push();\n            rotate(radians(180));\n            arc(0, -45, 100, 100, radians(65), radians(180-65));\n            pop();\n    pop();\n\n    \/\/green arcs\n    strokeWeight(3);\n    noFill();\n    stroke(50, 118, 112);\n    arc(0, -45, 100, 100, radians(65), radians(180-65));\n    push();\n        rotate(radians(180));\n        arc(0, -45, 100, 100, radians(65), radians(180-65));\n    pop();\n\n    \/\/gold arcs\n    push();\n        scale(0.9);\n        noFill();\n        strokeWeight(2);\n        stroke(234,178,57);\n        arc(0, -45, 100, 100, radians(65), radians(180-65));\n        push();\n            rotate(radians(180));\n            arc(0, -45, 100, 100, radians(65), radians(180-65));\n            pop();\n    pop();\n\n    fill(165,42,42);\n    noStroke();\n    circle(0, 0, 10); \/\/eyeball\n\n    \/\/lashes\n    strokeWeight(1);\n    push();\n    translate(0, 45);\n    rotate(radians(-35));\n\n    stroke(0);\n    for (var i = 0; i &lt;= 50; i+=10) {\n        rotate(radians(10));\n        line(0, -52, 0, -54);\n    }\n\n    pop();\n    pop();\n}\n\nfunction drawBranches() {\n    stroke(63, 146, 65);\n    for (var x = 0; x &lt;= width; x+= width\/num) {\n        push();\n        translate(x, random(-50,50));\n\n        var side = 1;\n        for (var y = -100; y &lt; height+100; y += 1) {\n            \/\/draw alternating eyes\n            if ((y%50) == 0 & side == 1) {\n                drawEye(cosy+19,y-10,side);\n                side = -1*side;\n            } else if ((y%50) == 0 & side == -1){\n                drawEye(cosy-19,y-10,side);\n                side = -1*side;\n            }\n\n            \/\/draw branches (vertical cosine curves)\n            var cosy = 40-30 * cos(radians(y));\n\n            stroke(50, 118, 112);\n            strokeWeight(5);\n            point(cosy, y);\n        }\n        pop();\n    }\n\n}\n\nvar count = 0;\n\nfunction draw() {\n    drawBackground();\n\n    drawBranches();\n\n    noLoop();\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>This week&rsquo;s project asked us to make a wallpaper, so I decided to make my work based on african textiles. Attached is a sketch of my initial idea and my final product. Enjoy! sketch var num = 6; \/\/number of itterations of everything function setup() { createCanvas(600, 400); background(250, 249, 246); } \/*let eyeBrown = &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/03\/project-5-wallpaper-13\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 5 &#8211; Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":657,"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\/66987"}],"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\/657"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=66987"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66987\/revisions"}],"predecessor-version":[{"id":66992,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66987\/revisions\/66992"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=66987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=66987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=66987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}