{"id":3057,"date":"2021-02-01T22:13:33","date_gmt":"2021-02-01T22:13:33","guid":{"rendered":"http:\/\/mycours.es\/ems2\/?page_id=3057"},"modified":"2021-05-04T12:07:43","modified_gmt":"2021-05-04T12:07:43","slug":"project-drawing-tool","status":"publish","type":"page","link":"http:\/\/mycours.es\/ems2\/project-drawing-tool\/","title":{"rendered":"Project: Alternative drawing tool"},"content":{"rendered":"<h2>Day 1<\/h2>\n<p>Make an artistic drawing tool.<\/p>\n<p>It can have a built-in aesthetic but try to make it flexible enough to produce different images.<\/p>\n<p>The program should produce images that are not easy to make with a &#8220;standard&#8221; drawing application like Photoshop or MS Paint.<\/p>\n<h2>Day 2<\/h2>\n<p>Prof checks with students individually.<\/p>\n<p>Meanwhile, complete the tool and make 3 images with it demonstrating its capabilities and flexibility.<br \/>\n(you can right click on the canvas and save it as a png file)<\/p>\n<p>You will be matched with another student who will also try your tool and make 3 images with it (and vice versa you will try their project). Save your partner&#8217;s images as well.<\/p>\n<p>Fork your partner&#8217;s sketch and remix their tool, customizing it and making it &#8220;yours&#8221;.<\/p>\n<p><strong>Deliverables due Feb 23:<\/strong><br \/>\nSubmit the your program and the fork of your program to openprocessing (title the fork &#8220;[author name] remix&#8221;). Post the images you made with your partner&#8217;s and your own tool on discord in the channel <strong>#drawing-tool-images<\/strong>.<\/p>\n<h2>Examples<\/h2>\n<p>I put together a handful of examples showing different tricks and approached you can use and recombine. Links below:<\/p>\n<p><iframe loading=\"lazy\" title=\"p5 drawing tool examples\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/vku8xyJTumU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><a href=\"https:\/\/openprocessing.org\/sketch\/1084267\">Mouse drawing basic<\/a> &#8211; continuous lines, events, speed<\/p>\n<p><a href=\"https:\/\/openprocessing.org\/sketch\/1084274\">Blend modes<\/a> &#8211; adding randomness, how to blend colors differently<\/p>\n<p><a href=\"https:\/\/openprocessing.org\/sketch\/1084434\">Advanced drawing pt 1<\/a> &#8211; basic user interface, keyboard<\/p>\n<p><a href=\"https:\/\/openprocessing.org\/sketch\/1084761\">Advanced drawing pt 2<\/a> &#8211; dragging actions, oscillation, curves<\/p>\n<p>&nbsp;<\/p>\n<h2>Artist Tools<\/h2>\n<p><iframe loading=\"lazy\" title=\"Auto-Illustrator Demonstration for Funware Exhibition\" src=\"https:\/\/player.vimeo.com\/video\/17593822?dnt=1&amp;app_id=122963\" width=\"840\" height=\"525\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3106 size-full\" src=\"http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-050.png\" alt=\"\" width=\"935\" height=\"503\" srcset=\"http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-050.png 935w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-050-800x430.png 800w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-050-768x413.png 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p><a href=\"https:\/\/openprocessing.org\/sketch\/686425\">Yellowtail by Golan Levin<\/a> &#8211; (ported to p5)<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3107 size-full\" src=\"http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-051.png\" alt=\"\" width=\"943\" height=\"633\" srcset=\"http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-051.png 943w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-051-800x537.png 800w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-051-768x516.png 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p><a href=\"https:\/\/www.jacksonpollock.org\/\">Jackson Pollock<\/a> by Miltos Manetas<\/p>\n<div style=\"padding: 66.67% 0 0 0; position: relative;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/player.vimeo.com\/video\/10514562?title=0&amp;byline=0&amp;portrait=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p><script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script><\/p>\n<p><a href=\"https:\/\/vimeo.com\/10514562\">http:\/\/sws.cc -&gt; Sonic Wire Sculptor<\/a> from <a href=\"https:\/\/vimeo.com\/apitaru\">amit pitaru<\/a> on <a href=\"https:\/\/vimeo.com\">Vimeo<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3108 size-large\" src=\"http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-052-1024x671.png\" alt=\"https:\/\/pixlpa.com\/mobrush\/\" width=\"840\" height=\"550\" srcset=\"http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-052-1024x671.png 1024w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-052-800x524.png 800w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-052-768x503.png 768w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-052.png 1192w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p><a href=\"https:\/\/pixlpa.com\/mobrush\/\">mobrush<\/a> by <a href=\"https:\/\/pixlpa.com\/\">Andrew Benson<\/a><\/p>\n<p><iframe loading=\"lazy\" title=\"Lizard Ladder\" src=\"https:\/\/player.vimeo.com\/video\/488504990?dnt=1&amp;app_id=122963\" width=\"840\" height=\"473\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><a href=\"http:\/\/tedwiggin.com\/LizardLadder\/\">Lizard Ladder<\/a>, animation made with custom morphing\/betweening tool<\/p>\n<p><iframe loading=\"lazy\" title=\"Lizard Ladder - software for automatic inbetweens\" src=\"https:\/\/player.vimeo.com\/video\/488504570?dnt=1&amp;app_id=122963\" width=\"840\" height=\"473\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3109 size-full\" src=\"http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-053.png\" alt=\"\" width=\"1017\" height=\"397\" srcset=\"http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-053.png 1017w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-053-800x312.png 800w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-053-768x300.png 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p><a href=\"https:\/\/maxbittker.github.io\/broider\/\">Broider<\/a> by Max Bittker<\/p>\n<p><iframe loading=\"lazy\" title=\"Dotgrid, a vector tool\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/Xt1zYHhpypk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-3110\" src=\"http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-054-1024x252.png\" alt=\"\" width=\"840\" height=\"207\" srcset=\"http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-054-1024x252.png 1024w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-054-800x197.png 800w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-054-768x189.png 768w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-054-1200x296.png 1200w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/Image-054.png 1302w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p><a href=\"https:\/\/www.heavypaint.app\/\">HeavyPaint<\/a> (commercial applications) different take on digital painting<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3111 size-full\" src=\"http:\/\/mycours.es\/ems2\/files\/2021\/02\/2AMNMc.png\" alt=\"https:\/\/alienmelon.itch.io\/ascii-paint\" width=\"347\" height=\"282\" \/><a href=\"https:\/\/alienmelon.itch.io\/ascii-paint\">ASCII paint<\/a> by Nathalie Lawhead, drawing images with text<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3112 size-large\" src=\"http:\/\/mycours.es\/ems2\/files\/2021\/02\/og-image-1024x538.png\" alt=\"\" width=\"840\" height=\"441\" srcset=\"http:\/\/mycours.es\/ems2\/files\/2021\/02\/og-image-1024x538.png 1024w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/og-image-800x420.png 800w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/og-image-768x403.png 768w, http:\/\/mycours.es\/ems2\/files\/2021\/02\/og-image.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p><a href=\"https:\/\/sketchmachine.net\/\">Sketch Machine<\/a> by Casey Reas<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Day 1 Make an artistic drawing tool. It can have a built-in aesthetic but try to make it flexible enough to produce different images. The program should produce images that are not easy to make with a &#8220;standard&#8221; drawing application like Photoshop or MS Paint. Day 2 Prof checks with students individually. Meanwhile, complete the &hellip; <a href=\"http:\/\/mycours.es\/ems2\/project-drawing-tool\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project: Alternative drawing tool&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":22,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3057","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/mycours.es\/ems2\/wp-json\/wp\/v2\/pages\/3057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mycours.es\/ems2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/mycours.es\/ems2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/mycours.es\/ems2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mycours.es\/ems2\/wp-json\/wp\/v2\/comments?post=3057"}],"version-history":[{"count":6,"href":"http:\/\/mycours.es\/ems2\/wp-json\/wp\/v2\/pages\/3057\/revisions"}],"predecessor-version":[{"id":3114,"href":"http:\/\/mycours.es\/ems2\/wp-json\/wp\/v2\/pages\/3057\/revisions\/3114"}],"wp:attachment":[{"href":"http:\/\/mycours.es\/ems2\/wp-json\/wp\/v2\/media?parent=3057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}