{"id":611,"date":"2022-10-04T22:25:13","date_gmt":"2022-10-04T22:25:13","guid":{"rendered":"https:\/\/www.courses.tegabrain.com\/printcode\/?p=611"},"modified":"2022-10-17T18:50:22","modified_gmt":"2022-10-17T18:50:22","slug":"p5-js-icecream-generative-poster-ideas","status":"publish","type":"post","link":"https:\/\/www.courses.tegabrain.com\/printcode\/p5-js-icecream-generative-poster-ideas\/","title":{"rendered":"P5.js Icecream + Generative Poster Ideas"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This was my first time in P5.js since Creative Coding and it was not like riding a bike however(!) I played around with a new tool I&#8217;d never used called &#8216;Color Tint.&#8217; The biggest issue I had with executing this idea was that the icecream color was changing with a slight delay to the background color and it made the generative art feel awkward\/messy. After trying a few workaround, I ended up fixing this by adding the background change to the end of the code instead of at the start. This way the color tint would have to happen before the background change. <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Screen-Recording-2022-10-04-at-4.32.50-PM.mov\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Below is the code! However for my assignment I would like to play more with shape + text. <\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Political Poster<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Spend some time considering what properties are changing in your system and what the variability (and the limits to the variability) might be. Bring these sketch to class next week.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Topic 1: Abortion Rights<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After&nbsp;<em>Roe<\/em>, the anti-abortion movement is now more heated than ever. This is a topic that I feel passionate about and would be excited to play around with the prospect of a political poster on this issue. My first idea (left) for this would be to create different &#8220;pill&#8221; shapes and packets of Plan B as a way of making the product as less of a &#8220;taboo&#8221; in society &#8211; having the object shown viscerally to you, not hidden behind pharmacy glass.  Another idea I had on this issue would be to make different &#8220;zygote&#8221; like looking objects. The concept with this is to generate hundreds of these in varying colours an sizes, and then have the final image dominate a poster beside smaller circles that are representative of available health care, access to education and families with the economic stability to raise a child in an effort to demonstrate the weight of criminalising abortion on already existing systems in the US. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Untitled_Artwork-10-2-1024x499.png\" alt=\"\" class=\"wp-image-615\" width=\"397\" height=\"193\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Untitled_Artwork-10-2-1024x499.png 1024w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Untitled_Artwork-10-2-300x146.png 300w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Untitled_Artwork-10-2-768x374.png 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Untitled_Artwork-10-2-1536x748.png 1536w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Untitled_Artwork-10-2-2048x998.png 2048w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Untitled_Artwork-10-2-1568x764.png 1568w\" sizes=\"auto, (max-width: 397px) 100vw, 397px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/WHAT-IS-A-ZYGOTE-IN-BIOLOGY-640x1024.jpg\" alt=\"\" class=\"wp-image-624\" width=\"136\" height=\"218\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/WHAT-IS-A-ZYGOTE-IN-BIOLOGY-640x1024.jpg 640w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/WHAT-IS-A-ZYGOTE-IN-BIOLOGY-187x300.jpg 187w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/WHAT-IS-A-ZYGOTE-IN-BIOLOGY.jpg 757w\" sizes=\"auto, (max-width: 136px) 100vw, 136px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Topic 2: Company\/Government Statements<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">TW: sexual assault<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After a close friend of mine recently experienced SA by an Uber Driver, the response she received from the company was, &#8220;We are taking bold, transparent steps as a company, we\u2019ve not only improved the safety of our own platform; we\u2019re setting a new standard for safety in our industry&#8221; however, the actually &#8220;steps&#8221; were not proposed. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">My generative idea would be to company press statements (on climate change, sexual assault, mental health etc) and generate slogans from these that would then go on propaganda\/poltical style posters. The hypothised outcome is that the slogans would be just as &#8220;wishy washy&#8221; as the original press statements. The variability would be the text, while the colors\/style would remain consistent. The piece would be titled &#8220;<strong>Your generated statements don\u2019t mean anything to me.<\/strong>&#8220;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Untitled_Artwork-11-1024x723.png\" alt=\"\" class=\"wp-image-614\" width=\"290\" height=\"204\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Untitled_Artwork-11-1024x723.png 1024w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Untitled_Artwork-11-300x212.png 300w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Untitled_Artwork-11-768x542.png 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Untitled_Artwork-11-1536x1084.png 1536w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Untitled_Artwork-11-2048x1446.png 2048w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Untitled_Artwork-11-1568x1107.png 1568w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Here is where the <a href=\"https:\/\/editor.p5js.org\/edenmili\/sketches\/zmFqYVZoU\" target=\"_blank\" rel=\"noreferrer noopener\">code is at so far.<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This was my first time in P5.js since Creative Coding and it was not like riding a bike however(!) I played around with a new tool I&#8217;d never used called &#8216;Color Tint.&#8217; The biggest issue I had with executing this idea was that the icecream color was changing with a slight delay to the background&hellip; <a class=\"more-link\" href=\"https:\/\/www.courses.tegabrain.com\/printcode\/p5-js-icecream-generative-poster-ideas\/\">Continue reading <span class=\"screen-reader-text\">P5.js Icecream + Generative Poster Ideas<\/span><\/a><\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[],"class_list":["post-611","post","type-post","status-publish","format-standard","hentry","category-homework","entry"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts\/611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/comments?post=611"}],"version-history":[{"count":10,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts\/611\/revisions"}],"predecessor-version":[{"id":628,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts\/611\/revisions\/628"}],"wp:attachment":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/media?parent=611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/categories?post=611"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/tags?post=611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}