{"id":138,"date":"2013-09-24T03:24:04","date_gmt":"2013-09-24T03:24:04","guid":{"rendered":"http:\/\/www.rbknrbkn.com\/workandprogress\/?p=138"},"modified":"2013-10-06T22:51:14","modified_gmt":"2013-10-06T22:51:14","slug":"object-oriented-shape-making","status":"publish","type":"post","link":"https:\/\/www.rbknrbkn.com\/workandprogress\/?p=138","title":{"rendered":"Object-Oriented Shape-making"},"content":{"rendered":"<p><em>Click on the sides of the image above to browse the gallery.<\/em><\/p>\n<p>For this project, I decided to create two classes, one that draws a shape, and the other uses transformations (rotation, etc.), and iteration to create a composite arrangement from the original shape.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-209\" alt=\"832590.0\" src=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/832590.0.png\" \/><\/p>\n<p>The\u00a0<em>Shape\u00a0<\/em>class draws a simple shape from basic shape directives (e.g. rect(), ellipse(), etc). My partner, Xinyi and I, worked on creating different variations of this class, to produce interesting results.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/687929.9.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" alt=\"687929.9\" src=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/687929.9.png\" width=\"600\" height=\"600\" \/><\/a><\/p>\n<p>The\u00a0<em>Arranger\u00a0<\/em>class has the capability of changing the sizes of<em>\u00a0<\/em>the\u00a0<em>Shape\u00a0<\/em>instances it receives, as well as the radius and angle used in the rotation.<\/p>\n<p><a href=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/494632.7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-178\" alt=\"494632.7\" src=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/494632.7.png\" width=\"600\" height=\"600\" srcset=\"https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/494632.7.png 600w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/494632.7-150x150.png 150w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/494632.7-300x300.png 300w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/494632.7-260x260.png 260w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/494632.7-530x530.png 530w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Multiple runs with varying parameters (e.g. Shape class characteristics, radius, size, angle, and so on), yielded different designs.<\/p>\n<p><a href=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/323254.2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-159\" alt=\"323254.2\" src=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/323254.2.png\" width=\"600\" height=\"600\" srcset=\"https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/323254.2.png 600w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/323254.2-150x150.png 150w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/323254.2-300x300.png 300w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/323254.2-260x260.png 260w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/323254.2-530x530.png 530w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Click on the sides of the image above to browse the gallery. For this project, I decided to create two classes, one that draws a shape, and the other uses transformations (rotation, etc.), and iteration to create a composite arrangement from the original shape. The\u00a0Shape\u00a0class draws a simple shape from basic shape directives (e.g. rect(), [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":209,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"gallery","meta":{"footnotes":""},"categories":[6],"tags":[16,8],"class_list":["post-138","post","type-post","status-publish","format-gallery","has-post-thumbnail","hentry","category-icm","tag-generative-art","tag-processing","post_format-post-format-gallery"],"_links":{"self":[{"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=\/wp\/v2\/posts\/138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=138"}],"version-history":[{"count":8,"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=\/wp\/v2\/posts\/138\/revisions"}],"predecessor-version":[{"id":230,"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=\/wp\/v2\/posts\/138\/revisions\/230"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=\/wp\/v2\/media\/209"}],"wp:attachment":[{"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}