{"id":73585,"date":"2022-10-01T22:03:43","date_gmt":"2022-10-02T02:03:43","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73585"},"modified":"2022-10-01T22:03:56","modified_gmt":"2022-10-02T02:03:56","slug":"project-05-wallpaper-7","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-05-wallpaper-7\/","title":{"rendered":"Project-05-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 tried to draw flowers that&rsquo;s connected<\/p>\n\n\n\n<div class=\"wp-block-file\"><a class=\"p5_sketch_link\" data-width=\"600\" data-height=\"600\" id=\"wp-block-file--media-202d6c05-2be6-4010-9d86-a99f3c6d2b5c\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/sketch-34.js\">sketch<\/a><a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/sketch-34.js\" class=\"wp-block-file__button\" download aria-describedby=\"wp-block-file--media-202d6c05-2be6-4010-9d86-a99f3c6d2b5c\">Download<\/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=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/* Jiayi Chen\n   jiayiche    Section A *\/\nfunction setup() {\n    createCanvas(600, 600);\n    rectMode(CENTER);\n}\n\nfunction draw() {\n    background('gold');\n\n    for (var i=1;i&lt;=6;i++){\n        for (var j=1;j&lt;=6;j++){\n    repeatingPattern(i*200-150,j*200-50,100);\n    repeatingPattern(i*200-50,j*200-150,100);\n    repeatingPatternX(i*200-150,j*200-150,100);\n    repeatingPatternX(i*200-50,j*200-50,100);\n        }\n    }\n    repeatingPatternY(2*100-50,2*100-50,100);\n    repeatingPatternY(2*100-50,6*100-50,100);\n    repeatingPatternZ(5*100-50,4*100-50,100);\n    repeatingPatternZ(4*100-50,1*100-50,100);\n    noLoop();\n}\n\nfunction repeatingPattern(x,y,r){\n\/\/    rect(x,y,r,r);\n    fourLines(x,y,r);\n    push();\n    fill('tomato')\n    circle(x,y,r*0.7);\n    pop();\n    push();\n    fill('khaki')\n    circle(x,y,r*0.65);\n    pop();\n    push();\n    fill('gold')\n    circle(x,y,r*0.6);\n    pop();\n    flower(x,y,r);\n    littleCircles(x,y,r)\n}\n\nfunction repeatingPatternX(x,y,r){\n\/\/    rect(x,y,r,r);\n    fourLines(x,y,r);\n    push();\n    fill('tomato')\n    circle(x,y,r*0.7);\n    pop();\n    push();\n    fill('khaki')\n    circle(x,y,r*0.65);\n    pop();\n    push();\n    fill('gold')\n    circle(x,y,r*0.6);\n    pop();\n    flowerX(x,y,r);\n    littleCircles(x,y,r)\n}\n\n\nfunction repeatingPatternY(x,y,r){\n\/\/    rect(x,y,r,r);\n    fourLines(x,y,r);\n    push();\n    fill('green')\n    circle(x,y,r*0.7);\n    pop();\n    push();\n    fill('cyan')\n    circle(x,y,r*0.65);\n    pop();\n    push();\n    fill('gold')\n    circle(x,y,r*0.6);\n    pop();\n    flowerX(x,y,r);\n    littleCirclesY(x,y,r)\n}\n\nfunction repeatingPatternZ(x,y,r){\n\/\/    rect(x,y,r,r);\n    fourLines(x,y,r);\n    push();\n    fill('green');\n    circle(x,y,r*0.7);\n    pop();\n    push();\n    fill('cyan')\n    circle(x,y,r*0.65);\n    pop();\n    push();\n    fill('gold')\n    circle(x,y,r*0.6);\n    pop();\n    flower(x,y,r);\n    littleCirclesY(x,y,r)\n}\n\n\nfunction flower(x,y,r){\n    \/\/leaves\n    push();\n    fill(\"lime\");\n    triangle(x-r*0.03,y+r*0.14,x-r*0.1,y+r*0.18,x-r*0.15,y+r*0.13);\n    triangle(x+r*0.03,y+r*0.24,x+r*0.11,y+r*0.26,x+r*0.15,y+r*0.20);\n    pop();\n    \/\/stems\n    push();\n    fill('gold');\n    bezier(x,y,x-r*0.1,y+r*0.2,x+r*0.1,y+r*0.2,x,y+r*0.3)\n    pop();\n    \/\/petals\n    push();\n    fill('crimson');\n    ellipse(x-r*0.1,y-r*0.1,r*0.17,r*0.15);\n    ellipse(x+r*0.1,y-r*0.1,r*0.14,r*0.15);\n    ellipse(x,y-r*0.2,r*0.15,r*0.15);\n    ellipse(x-r*0.05,y,r*0.15,r*0.15);\n    ellipse(x+r*0.05,y,r*0.15,r*0.15);\n    pop();\n    \/\/middle\n    push();\n    fill('orange');\n    circle(x,y-r*0.1,r*0.15);\n    pop();\n}\n\nfunction flowerX(x,y,r){\n    \/\/leaves\n    push();\n    fill(\"lime\");\n    triangle(x-r*0.03,y+r*0.14,x-r*0.1,y+r*0.18,x-r*0.15,y+r*0.13);\n    triangle(x+r*0.03,y+r*0.24,x+r*0.11,y+r*0.26,x+r*0.15,y+r*0.20);\n    pop();\n    \/\/stems\n    push();\n    fill('gold');\n    bezier(x,y,x-r*0.1,y+r*0.2,x+r*0.1,y+r*0.2,x,y+r*0.3)\n    pop();\n    \/\/petals\n    push();\n    fill('white');\n    ellipse(x-r*0.1,y-r*0.1,r*0.17,r*0.15);\n    ellipse(x+r*0.1,y-r*0.1,r*0.14,r*0.15);\n    ellipse(x,y-r*0.2,r*0.15,r*0.15);\n    ellipse(x-r*0.05,y,r*0.15,r*0.15);\n    ellipse(x+r*0.05,y,r*0.15,r*0.15);\n    pop();\n    \/\/middle\n    push();\n    fill('orange');\n    circle(x,y-r*0.1,r*0.15);\n    pop();\n}\n\nfunction littleCircles(x,y,r){\n    doubleCircle(x-42,y-30,r*0.1);\n    doubleCircle(x-30,y-42,r*0.1);\n    doubleCircle(x+42,y+30,r*0.1);\n    doubleCircle(x+30,y+42,r*0.1);\n    doubleCircle(x+42,y-30,r*0.1);\n    doubleCircle(x+30,y-42,r*0.1);\n    doubleCircle(x-42,y+30,r*0.1);\n    doubleCircle(x-30,y+42,r*0.1);\n}\n\nfunction doubleCircle(x,y,r){\n    push();\n    fill('bisque');\n    circle(x,y,r);\n    circle(x,y,r\/2);\n    pop();\n}\n\nfunction littleCirclesY(x,y,r){\n    doubleCircleY(x-42,y-30,r*0.1);\n    doubleCircleY(x-30,y-42,r*0.1);\n    doubleCircleY(x+42,y+30,r*0.1);\n    doubleCircleY(x+30,y+42,r*0.1);\n    doubleCircleY(x+42,y-30,r*0.1);\n    doubleCircleY(x+30,y-42,r*0.1);\n    doubleCircleY(x-42,y+30,r*0.1);\n    doubleCircleY(x-30,y+42,r*0.1);\n}\n\nfunction doubleCircleY(x,y,r){\n    push();\n    fill('purple');\n    circle(x,y,r);\n    circle(x,y,r\/2);\n    pop();\n}\n\nfunction fourLines(x,y,r){\n    line(x-r\/2,y-r\/2,x-r*0.25,y-r*0.25);\n    line(x+r\/2,y+r\/2,x+r*0.25,y+r*0.25);\n    line(x+r\/2,y-r\/2,x+r*0.25,y-r*0.25);\n    line(x-r\/2,y+r\/2,x-r*0.25,y+r*0.25);\n}<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>I tried to draw flowers that&rsquo;s connected sketchDownload \/* Jiayi Chen jiayiche Section A *\/ function setup() { createCanvas(600, 600); rectMode(CENTER); } function draw() { background(&#8216;gold&#8217;); for (var i=1;i&lt;=6;i++){ for (var j=1;j&lt;=6;j++){ repeatingPattern(i*200-150,j*200-50,100); repeatingPattern(i*200-50,j*200-150,100); repeatingPatternX(i*200-150,j*200-150,100); repeatingPatternX(i*200-50,j*200-50,100); } } repeatingPatternY(2*100-50,2*100-50,100); repeatingPatternY(2*100-50,6*100-50,100); repeatingPatternZ(5*100-50,4*100-50,100); repeatingPatternZ(4*100-50,1*100-50,100); noLoop(); } function repeatingPattern(x,y,r){ \/\/ rect(x,y,r,r); fourLines(x,y,r); push(); fill(&#8216;tomato&#8217;) circle(x,y,r*0.7); pop(); push(); fill(&#8216;khaki&#8217;) &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-05-wallpaper-7\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project-05-Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":710,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104,55],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73585"}],"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\/710"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73585"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73585\/revisions"}],"predecessor-version":[{"id":73589,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73585\/revisions\/73589"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}