{"id":65180,"date":"2021-09-10T10:21:27","date_gmt":"2021-09-10T14:21:27","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=65180"},"modified":"2021-10-07T09:05:15","modified_gmt":"2021-10-07T13:05:15","slug":"project-1-my-self-portrait-30","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/10\/project-1-my-self-portrait-30\/","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><a class=\"p5_sketch_link\" data-width=\"400\" data-height='400\"' href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-212.js\">wallpaper karan<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"400\" height='400\"'><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n    createCanvas(450, 450);\n    background(220);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    for(x=75;x&lt;=375;x+=150){ \/\/loop for pink shaded eye pattern\n        for(y=37.5;y&lt;=412.5;y+=75){\n            pattern(x,y);\n        }\n    }\n    for(x=0;x&lt;=width;x+=150){ \/\/loop for yellow shaded eye pattern\n        for(y=0;y&lt;=height;y+=75){\n            pattern2(x,y);\n        }\n    }\n    noLoop()\n}\n\nfunction pattern(centerX,centerY){ \/\/pattern for pink eye\n    noStroke()\n    fill(200,121,174); \n    quad(centerX-75,centerY,centerX,centerY-37.5,centerX+75,centerY,centerX,centerY+37.5); \/\/rhombus\n    fill(79,0,145);\n    arc(centerX,centerY+18.75,75,75,PI+PI\/6,2*PI-PI\/6,CHORD) \/\/outer eye top half\n    arc(centerX,centerY-18.75,75,75,PI\/6,PI-PI\/6,CHORD) \/\/outer eye lower half\n    fill(189,151,177);\n    ellipse(centerX,centerY,37.5,37.5);\/\/outer pupil \n    fill(0);\n    ellipse(centerX,centerY,18.75,18.75);\/\/inner pupil\n}\n\nfunction pattern2(centerX,centerY){\/\/same code, different colours\n    noStroke()\n    fill(254,199,73);\n    quad(centerX-75,centerY,centerX,centerY-37.5,centerX+75,centerY,centerX,centerY+37.5);\n    fill(251,254,46);\n    arc(centerX,centerY+18.75,75,75,PI+PI\/6,2*PI-PI\/6,CHORD)\n    arc(centerX,centerY-18.75,75,75,PI\/6,PI-PI\/6,CHORD)\n    fill(254,183,116);\n    ellipse(centerX,centerY,37.5,37.5);\n    fill(0);\n    ellipse(centerX,centerY,18.75,18.75);\n}<\/code><\/pre><\/p>\n\n\n\n<p>This was an interesting project because I liked that I drew eyes. It was a little tricky figure where the arcs should be placed.<\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>wallpaper karan function setup() { createCanvas(450, 450); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { for(x=75;x&lt;=375;x+=150){ \/\/loop for pink shaded eye pattern for(y=37.5;y&lt;=412.5;y+=75){ pattern(x,y); } } for(x=0;x&lt;=width;x+=150){ \/\/loop for yellow shaded eye pattern for(y=0;y&lt;=height;y+=75){ pattern2(x,y); } } noLoop() } function pattern(centerX,centerY){ \/\/pattern for pink eye noStroke() fill(200,121,174); quad(centerX-75,centerY,centerX,centerY-37.5,centerX+75,centerY,centerX,centerY+37.5); \/\/rhombus fill(79,0,145); arc(centerX,centerY+18.75,75,75,PI+PI\/6,2*PI-PI\/6,CHORD) \/\/outer &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/10\/project-1-my-self-portrait-30\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 5: Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":668,"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\/f2021\/wp-json\/wp\/v2\/posts\/65180"}],"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\/668"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=65180"}],"version-history":[{"count":9,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65180\/revisions"}],"predecessor-version":[{"id":67160,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65180\/revisions\/67160"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=65180"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=65180"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=65180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}