{"id":4070,"date":"2025-02-26T14:04:53","date_gmt":"2025-02-26T14:04:53","guid":{"rendered":"http:\/\/mycours.es\/digitalmedia\/?page_id=4070"},"modified":"2025-03-24T12:57:00","modified_gmt":"2025-03-24T12:57:00","slug":"p5-js-final-project","status":"publish","type":"page","link":"http:\/\/mycours.es\/digitalmedia\/p5-js-final-project\/","title":{"rendered":"p5.js final project"},"content":{"rendered":"<p>This is a self-directed project.<\/p>\n<p>1- Find a sketch in OpenProcessing that intrigues you (use the <a href=\"https:\/\/openprocessing.org\/discover\/#\/trending\">discover tab<\/a>)<br \/>\n2- Fork it and modify it, making it your own.<br \/>\n3- You will be presenting it along with the original.<\/p>\n<p>You can use ChatGPT or other LLMs as long as you can explain your process of creation, and the general functioning of your program.<\/p>\n<p>You can and should start from a sketch you don&#8217;t fully understand.<\/p>\n<p><strong>Your goal is to go beyond cosmetic changes, to make something that is not obviously derivative, and to make something that is not <em>worse<\/em> than the original (ie breaking the original).<\/strong><\/p>\n<p><strong>Alternative<\/strong><br \/>\nIf you don&#8217;t care about remixing other people&#8217;s work, you can start from a<a href=\"https:\/\/p5js.org\/libraries\/directory\/\">\u00a0library<\/a> which expands the capabilities of p5, or a function we haven&#8217;t covered in class.<\/p>\n<p>Example: 2D physics and game features with p5 play <a href=\"https:\/\/p5play.org\/learn\/\">https:\/\/p5play.org\/learn\/<\/a> (more <a href=\"https:\/\/openprocessing.org\/user\/350295?view=sketches&amp;o=48\">demos here<\/a>)<\/p>\n<p>Example: Using the camera input to make a filter\/mirror<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3198\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2021\/03\/Image-071.png\" alt=\"\" width=\"616\" height=\"462\" \/><\/p>\n<p><a href=\"https:\/\/openprocessing.org\/sketch\/1144329\">Brightness mirror \/ webcam filter<\/a> &#8211; using the pixel array.<br \/>\nAlso see: <a href=\"https:\/\/www.youtube.com\/watch?v=kV8v2GKC8WA&amp;ab_channel=WIRED\">Daniel Rozin<\/a>&#8216;s mirrors or <a href=\"https:\/\/www.youtube.com\/watch?v=f_u3sSffS78&amp;ab_channel=MediaArtTube\">Camille Utterback&#8217;s Text Rain<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3210\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2021\/03\/Image-079.png\" alt=\"\" width=\"469\" height=\"369\" \/><\/p>\n<p><a href=\"https:\/\/openprocessing.org\/sketch\/1148086\">Motion History<\/a> &#8211; example by Kyle McDonald<br \/>\nEstimates the motion of a live feed or video pixel by pixel.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is a self-directed project. 1- Find a sketch in OpenProcessing that intrigues you (use the discover tab) 2- Fork it and modify it, making it your own. 3- You will be presenting it along with the original. You can use ChatGPT or other LLMs as long as you can explain your process of creation, &hellip; <a href=\"http:\/\/mycours.es\/digitalmedia\/p5-js-final-project\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;p5.js final project&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4070","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/4070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/comments?post=4070"}],"version-history":[{"count":1,"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/4070\/revisions"}],"predecessor-version":[{"id":4071,"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/4070\/revisions\/4071"}],"wp:attachment":[{"href":"http:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/media?parent=4070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}