{"id":73421,"date":"2022-10-01T16:03:30","date_gmt":"2022-10-01T20:03:30","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73421"},"modified":"2022-10-01T16:03:30","modified_gmt":"2022-10-01T20:03:30","slug":"project-05-wallpaper-3","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-05-wallpaper-3\/","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><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-01-154547-1024x705.png\" alt=\"\" class=\"wp-image-73422\" width=\"520\" height=\"357\" srcset=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-01-154547-1024x705.png 1024w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-01-154547-300x206.png 300w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-01-154547-768x529.png 768w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-01-154547-1536x1057.png 1536w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-01-154547-1200x826.png 1200w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-01-154547.png 1642w\" sizes=\"(max-width: 520px) 85vw, 520px\"><\/figure><\/div>\n\n\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/sketch-14.js\" data-width=\"640\" data-height=\"480\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"640\" height=\"480\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ Emily Franco\n\/\/ Section C\n\/\/ efranco@andrew.cmu.edu\n\/\/ Project-05\n \n\nvar colorState; \n\nfunction setup() {\n    createCanvas(500, 500);\n    background (255,248,228);\n}\n\nfunction draw() { \n\tvar dim = 70;\n\tvar rad = dim\/2;\n\tcolorState = 0; \n\n\tfor (var x=rad;x&lt;=width-rad;x+=dim*2){\n\t\tfor (var y=rad;y&lt;=height-rad;y+=dim){\n\t\t\tcirColorOne(colorState);\n\t\t\tdrawPiece(x,y,dim,rad);\n\t\t}\n\t}\n\t\n\n\tfor (var x=dim+rad;x&lt;=width-rad;x+=dim*2){\n\t\tfor (var y=rad;y&lt;=height-rad;y+=dim){\n\t\t\tcirColorTwo(colorState);\n\t\t\tdrawPiece(x,y,dim,rad);\n\t\t}\n\t}\n\n\n\tnoLoop();\n} \n\nfunction drawPiece (x,y,dim,rad){\n\tvar angleX;\n\tvar angleY;\n\n\t\/\/move origin\n\ttranslate (x,y);\n\n\tpush();\n\t\/\/random rotation angle from array\n\trandRot();\n\n\tpush();\n\tnoStroke();\n\t\/\/draw semi circle\n\tarc(0,0,dim,dim,radians(90), radians(270),CHORD);\n\tpop(); \n\n\t\/\/draw lines in piece \n\tfor(var polarPos=85;polarPos&gt;=10;polarPos-=5){\n\t\tangleX = rad*cos(radians(polarPos));\n\t\tangleY = rad*sin(radians(polarPos));\n\n\t\tstrokeWeight(0.25);\n\t\tline(angleX,-angleY,angleX,angleY);\n\n\t\t\/\/increase gap between lines so they dont blur together\n\t\tif(polarPos&lt;=30){\n\t\t\tpolarPos -=2;\n\t\t}\n\t}\n\n\tpop();\n\n\t\/\/reset origin\n    translate(-x,-y);\n}\n\nfunction randRot(){\n\t\/\/rotate piece at one of 4 angles\n\tvar rotateAngles = [0,90,180,270];\n\n\t\/\/selec rand int\n\tvar rotAngle = floor(random(0,4));\n\trotate (radians(rotateAngles[rotAngle])); \n}\n\nfunction cirColorOne(state){\n\tif(state==0){\n\t\t\/\/yellow\n\t\tfill(255,206,109);\n\t}else if(state==1){\n\t\t\/\/black\n\t\tfill(49,49,49);\n\t\tcolorState = -1;\n\t}\n\tcolorState+=1;\n}\n\nfunction cirColorTwo(state){\n\tif(state==0){\n\t\t\/\/orange\n\t\tfill(255,105,33); \n\t}else if(state==1){\n\t\t\/\/blue\n\t\tfill(125,173,198); \n\t\tcolorState = -1;\n\t}\n\tcolorState+=1;\n}<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch \/\/ Emily Franco \/\/ Section C \/\/ efranco@andrew.cmu.edu \/\/ Project-05 var colorState; function setup() { createCanvas(500, 500); background (255,248,228); } function draw() { var dim = 70; var rad = dim\/2; colorState = 0; for (var x=rad;x&lt;=width-rad;x+=dim*2){ for (var y=rad;y&lt;=height-rad;y+=dim){ cirColorOne(colorState); drawPiece(x,y,dim,rad); } } for (var x=dim+rad;x&lt;=width-rad;x+=dim*2){ for (var y=rad;y&lt;=height-rad;y+=dim){ cirColorTwo(colorState); drawPiece(x,y,dim,rad); } } &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/01\/project-05-wallpaper-3\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project-05-Wallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":719,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[104,57],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73421"}],"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\/719"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73421"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73421\/revisions"}],"predecessor-version":[{"id":73429,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73421\/revisions\/73429"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}