{"id":2081,"date":"2019-12-12T22:11:21","date_gmt":"2019-12-13T03:11:21","guid":{"rendered":"https:\/\/dems.asc.ohio-state.edu\/?p=2081"},"modified":"2019-12-12T22:43:50","modified_gmt":"2019-12-13T03:43:50","slug":"pressure-project-3-thumbnail-generator","status":"publish","type":"post","link":"https:\/\/dems.asc.ohio-state.edu\/?p=2081","title":{"rendered":"Pressure Project 3: Thumbnail Generator"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Resources<\/h2>\n\n\n\n<p>I wanted to complete a project using primarily p5.js and\/or Processing to refresh my knowledge on these skills and to work in an environment that felt more comfortable to me than Isadora. Little did I realize how little knowledge I had about connecting Processing to external interfaces.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Score<\/h2>\n\n\n\n<p>My goal was to create a system that you could enter one thumbnail drawing in and it would iterate over a series of iterations on that original drawing by manipulating width and height and skewing the bounding quadrilateral (i.e. reducing the width of the bottom while maintaining the width of the top).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Valuaction<\/h2>\n\n\n\n<p>In my first cycle, I followed a tutorial to take manipulate a single image into a grid of pictures.  <\/p>\n\n\n\n<p>In the second, I focused on modifying proportions between images.<\/p>\n\n\n\n<p>Then I created two prototypes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Performance<\/h2>\n\n\n\n<p>In the end I created 3 Prototypes. testThumbs created a row of cylinders with a variable of their height::width proportion changed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"1024\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-1-982x1024.png\" alt=\"\" class=\"wp-image-2272\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-1-982x1024.png 982w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-1-288x300.png 288w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-1-768x801.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-1.png 1024w\" sizes=\"auto, (max-width: 982px) 100vw, 982px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"1024\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-2-982x1024.png\" alt=\"\" class=\"wp-image-2273\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-2-982x1024.png 982w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-2-288x300.png 288w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-2-768x801.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-2.png 1024w\" sizes=\"auto, (max-width: 982px) 100vw, 982px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"1024\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-3-982x1024.png\" alt=\"\" class=\"wp-image-2274\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-3-982x1024.png 982w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-3-288x300.png 288w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-3-768x801.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-3.png 1024w\" sizes=\"auto, (max-width: 982px) 100vw, 982px\" \/><\/figure>\n\n\n\n<p>thumbnails.pde created a sequential grid with no randomization.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"618\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-4-1024x618.png\" alt=\"\" class=\"wp-image-2295\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-4-1024x618.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-4-300x181.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-4-768x463.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-4-1536x926.png 1536w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/image-4-2048x1235.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>My final prototype was made in Illustrator to exemplify what I hoped for in the end.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/thumbnails_prototype-01-1024x576.png\" alt=\"\" class=\"wp-image-2296\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/thumbnails_prototype-01-1024x576.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/thumbnails_prototype-01-300x169.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/thumbnails_prototype-01-768x432.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/thumbnails_prototype-01-1536x864.png 1536w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2019\/12\/thumbnails_prototype-01-2048x1152.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Resources I wanted to complete a project using primarily p5.js and\/or Processing to refresh my knowledge on these skills and to work in an environment that felt more comfortable to me than Isadora. Little did I realize how little knowledge I had about connecting Processing to external interfaces. Score My goal was to create a [&hellip;]<\/p>\n","protected":false},"author":48,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2081","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/posts\/2081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/users\/48"}],"replies":[{"embeddable":true,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2081"}],"version-history":[{"count":3,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/posts\/2081\/revisions"}],"predecessor-version":[{"id":2298,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/posts\/2081\/revisions\/2298"}],"wp:attachment":[{"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}