{"id":8,"date":"2016-09-27T12:40:20","date_gmt":"2016-09-27T19:40:20","guid":{"rendered":"https:\/\/blogs.ubc.ca\/pattieshang\/?p=8"},"modified":"2016-09-27T12:41:05","modified_gmt":"2016-09-27T19:41:05","slug":"intro-to-processing-code-1","status":"publish","type":"post","link":"https:\/\/blogs.ubc.ca\/pattieshang\/2016\/09\/27\/intro-to-processing-code-1\/","title":{"rendered":"Intro to Processing Code 1"},"content":{"rendered":"<p>A Reproduction of Proun 1<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10\" src=\"https:\/\/blogs.ubc.ca\/pattieshang\/files\/2016\/09\/Proun-1-1-300x291.png\" alt=\"proun-1\" width=\"545\" height=\"529\" srcset=\"https:\/\/blogs.ubc.ca\/pattieshang\/files\/2016\/09\/Proun-1-1-300x291.png 300w, https:\/\/blogs.ubc.ca\/pattieshang\/files\/2016\/09\/Proun-1-1.png 699w\" sizes=\"auto, (max-width: 545px) 100vw, 545px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<pre><strong>codes:<\/strong>\r\n<span style=\"color: #006699;\">size<\/span>(700,700);\r\n<span style=\"color: #006699;\">background<\/span> (#F5D5AB,80);\r\n\r\n<span style=\"color: #666666;\">\/\/backrgound\u00a0round\u00a0guy<\/span>\r\n<span style=\"color: #006699;\">noStroke<\/span>();\r\n<span style=\"color: #006699;\">fill<\/span> (#E5CDB7);\r\n<span style=\"color: #006699;\">ellipse<\/span> (350,350,600,600);\r\n\r\n<span style=\"color: #666666;\">\/\/16xcirclex16<\/span>\r\n<span style=\"color: #006699;\">stroke<\/span>(0);\r\n<span style=\"color: #006699;\">strokeWeight<\/span> (3);\r\n<span style=\"color: #006699;\">noFill<\/span>();\r\n\u00a0<span style=\"color: #669900;\">for<\/span>(<span style=\"color: #e2661a;\">int<\/span> i=0; i&lt;18; i++){\r\n<span style=\"color: #006699;\">ellipse<\/span>(<span style=\"color: #d94a7a;\">width<\/span>*0.6+i, <span style=\"color: #d94a7a;\">height<\/span>*0.4-i*2, i*14, i*14);\r\n}\r\n\r\n\r\n<span style=\"color: #666666;\">\/\/slanted\u00a0rectangle<\/span>\r\n<span style=\"color: #006699;\">noStroke<\/span>();\r\n<span style=\"color: #006699;\">fill<\/span> (#272121);\r\n<span style=\"color: #006699;\">quad<\/span> (290,390,215,510,275,475,350,350);\r\n\r\n<span style=\"color: #666666;\">\/\/shadow\u00a0of\u00a0rec<\/span>\r\n<span style=\"color: #006699;\">noStroke<\/span>();\r\n<span style=\"color: #006699;\">fill<\/span>(#BCAAA4);\r\n<span style=\"color: #006699;\">quad<\/span> (350,350,275,475,280,480,355,355);\r\n\r\n<span style=\"color: #666666;\">\/\/coloredlines<\/span>\r\n<span style=\"color: #006699;\">stroke<\/span>(#F7793E);\r\n<span style=\"color: #006699;\">strokeWeight<\/span>(5);\r\n<span style=\"color: #006699;\">line<\/span> (217,508,177,445);\r\n<span style=\"color: #006699;\">line<\/span>(177,445,340,340);\r\n\r\n<span style=\"color: #006699;\">stroke<\/span>(#191893);\r\n<span style=\"color: #006699;\">strokeWeight<\/span>(5);\r\n<span style=\"color: #006699;\">line<\/span>(217,508,275,475);\r\n<span style=\"color: #006699;\">line<\/span>(275,475,218,385);\r\n<span style=\"color: #006699;\">line<\/span>(218,385,327,312);\r\n\r\n<span style=\"color: #666666;\">\/\/smaller\u00a0rectangle<\/span>\r\n<span style=\"color: #006699;\">noStroke<\/span>();\r\n<span style=\"color: #006699;\">fill<\/span>(#ADA29D);\r\n<span style=\"color: #006699;\">quad<\/span>(215,386,250,320,245,315,210,380);\r\n\r\n<span style=\"color: #006699;\">noStroke<\/span>();\r\n<span style=\"color: #006699;\">fill<\/span> (#272121);\r\n<span style=\"color: #006699;\">quad<\/span>(210,380,245,315,217,340,184,400);\r\n\r\n<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A Reproduction of Proun 1 &nbsp; &nbsp; codes: size(700,700); background (#F5D5AB,80); \/\/backrgound\u00a0round\u00a0guy noStroke(); fill (#E5CDB7); ellipse (350,350,600,600); \/\/16xcirclex16 stroke(0); strokeWeight (3); noFill(); \u00a0for(int i=0; i&lt;18; i++){ ellipse(width*0.6+i, height*0.4-i*2, i*14, i*14); } \/\/slanted\u00a0rectangle noStroke(); fill (#272121); quad (290,390,215,510,275,475,350,350); \/\/shadow\u00a0of\u00a0rec noStroke(); fill(#BCAAA4); &hellip; <a href=\"https:\/\/blogs.ubc.ca\/pattieshang\/2016\/09\/27\/intro-to-processing-code-1\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":38753,"featured_media":9,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1816568],"tags":[],"class_list":["post-8","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-geob-472"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/pattieshang\/wp-json\/wp\/v2\/posts\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/pattieshang\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/pattieshang\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/pattieshang\/wp-json\/wp\/v2\/users\/38753"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/pattieshang\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":1,"href":"https:\/\/blogs.ubc.ca\/pattieshang\/wp-json\/wp\/v2\/posts\/8\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/blogs.ubc.ca\/pattieshang\/wp-json\/wp\/v2\/posts\/8\/revisions\/11"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/pattieshang\/wp-json\/wp\/v2\/media\/9"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/pattieshang\/wp-json\/wp\/v2\/media?parent=8"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/pattieshang\/wp-json\/wp\/v2\/categories?post=8"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/pattieshang\/wp-json\/wp\/v2\/tags?post=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}