{"id":323,"date":"2022-09-19T03:31:59","date_gmt":"2022-09-19T03:31:59","guid":{"rendered":"https:\/\/www.courses.tegabrain.com\/printcode\/?p=323"},"modified":"2022-09-19T23:48:39","modified_gmt":"2022-09-19T23:48:39","slug":"hw-1-shengli","status":"publish","type":"post","link":"https:\/\/www.courses.tegabrain.com\/printcode\/hw-1-shengli\/","title":{"rendered":"HW 1 &#8211; shengli"},"content":{"rendered":"\n<p><a href=\"https:\/\/editor.p5js.org\/rw2423\/sketches\/yi-VKZ8RU\" data-type=\"URL\" data-id=\"https:\/\/editor.p5js.org\/rw2423\/sketches\/yi-VKZ8RU\" target=\"_blank\" rel=\"noreferrer noopener\">link to sketch<\/a><\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"1024\" data-id=\"324\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/BLUE-4-791x1024.png\" alt=\"\" class=\"wp-image-324\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/BLUE-4-791x1024.png 791w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/BLUE-4-232x300.png 232w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/BLUE-4-768x994.png 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/BLUE-4-1187x1536.png 1187w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/BLUE-4.png 1224w\" sizes=\"auto, (max-width: 791px) 100vw, 791px\" \/><\/figure>\n<figcaption class=\"blocks-gallery-caption\">I was inspired by the gradient example on the p5.riso library homepage, and I wanted to challenge my coding skills and experiment with opacities in this print. With mid-autumn festival approaching, I chose a quote from a Beach House song that&#8217;s related to the moon (as mid-autumn festival involves watching the moon) and attempted a gradient grid. <\/figcaption><\/figure>\n\n\n\n<p>On coding: In a non-risograph context, I would use lerpColor() to generate a gradient between two colors on the grid. However, when using the p5.riso library, lerpColor() will not work, as the color (or opacity) is determined by the fill() which needs to be attached to the name of the layer. I&#8217;m sure there is a better way to create a gradient, but I ended up using the map function to reduce the opacity along the grid vertically. I then overlaid the text using the cutout function and exported my sketch for printing. <\/p>\n\n\n\n<p>On printing: I noticed that lines have a pixelated aspect due to the nature of the printer. The printing process was also much smoother than I had anticipated (thanks to Yixun as well). I really like the texture that the risograph printer reveals. <\/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\/09\/WechatIMG424-768x1024.jpeg\" alt=\"\" class=\"wp-image-326\" width=\"310\" height=\"413\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/WechatIMG424-768x1024.jpeg 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/WechatIMG424-225x300.jpeg 225w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/WechatIMG424-1152x1536.jpeg 1152w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/WechatIMG424.jpeg 1279w\" sizes=\"auto, (max-width: 310px) 100vw, 310px\" \/><figcaption>Result<\/figcaption><\/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\/09\/WechatIMG423-768x1024.jpeg\" alt=\"\" class=\"wp-image-327\" width=\"290\" height=\"387\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/WechatIMG423-768x1024.jpeg 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/WechatIMG423-225x300.jpeg 225w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/WechatIMG423-1152x1536.jpeg 1152w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/09\/WechatIMG423.jpeg 1279w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/><figcaption>Closeup<\/figcaption><\/figure>\n\n\n\n<p>Final thoughts: While my map function can definitely be improved, I am satisfied with how this turned out for my first-time printing. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>link to sketch On coding: In a non-risograph context, I would use lerpColor() to generate a gradient between two colors on the grid. However, when using the p5.riso library, lerpColor() will not work, as the color (or opacity) is determined by the fill() which needs to be attached to the name of the layer. I&#8217;m&hellip; <a class=\"more-link\" href=\"https:\/\/www.courses.tegabrain.com\/printcode\/hw-1-shengli\/\">Continue reading <span class=\"screen-reader-text\">HW 1 &#8211; shengli<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-323","post","type-post","status-publish","format-standard","hentry","category-assignment1","entry"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts\/323","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\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/comments?post=323"}],"version-history":[{"count":4,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts\/323\/revisions"}],"predecessor-version":[{"id":356,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts\/323\/revisions\/356"}],"wp:attachment":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/media?parent=323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/categories?post=323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/tags?post=323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}