{"id":3057,"date":"2021-02-01T22:13:33","date_gmt":"2021-02-01T22:13:33","guid":{"rendered":"http:\/\/mycours.es\/digitalmedia\/?page_id=3057"},"modified":"2025-03-24T12:57:00","modified_gmt":"2025-03-24T12:57:00","slug":"project-drawing-tool","status":"publish","type":"page","link":"https:\/\/mycours.es\/digitalmedia\/project-drawing-tool\/","title":{"rendered":"Assignment: Drawing Tool"},"content":{"rendered":"<p>Make an artistic drawing tool. It can have a built-in aesthetic but try to make it flexible enough to produce a variety images.<\/p>\n<h2>Requirements<\/h2>\n<p>Make sure it draws in full screen by creating the canvas like this:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">createCanvas(windowWidth, windowHeight);<\/pre>\n<h3>Grading Criteria<\/h3>\n<p>It&#8217;s not a obvious variation of the example provided<br \/>\nIt has its own style and personality<br \/>\nThe program produces images that are not easy to make with a &#8220;standard&#8221; drawing application like Photoshop or MS Paint.<br \/>\nYou can create images that are diverse enough for it to be considered a tool<br \/>\nDuring critique your classmates can produce diverse and unexpected images<\/p>\n<h2>Deliverables<\/h2>\n<p><span style=\"font-size: 16px; font-weight: 400;\">Post it to openprocessing<br \/>\nAdd title, thumbnail, and instructions in the description: &#8220;i&#8221; button in the center, edit, how to interact with it<br \/>\n<\/span>Make 3 images with it demonstrating its capabilities and flexibility (you can right click on the canvas and save it as a png file)<br \/>\nPost the images to discord in the channel <strong>#drawing-tool-images<br \/>\n<\/strong>During critique, you&#8217;ll use other people&#8217;s tools, so specify who the author was<\/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; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" 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<h2>Student Examples<\/h2>\n<p><a href=\"https:\/\/openprocessing.org\/sketch\/1730939\">https:\/\/openprocessing.org\/sketch\/1730939<\/a><br \/>\n<a href=\"https:\/\/openprocessing.org\/sketch\/1106046\">https:\/\/openprocessing.org\/sketch\/1106046<\/a><br \/>\n<a href=\"https:\/\/openprocessing.org\/sketch\/69646\">https:\/\/openprocessing.org\/sketch\/69646<\/a><br \/>\n<a href=\"https:\/\/openprocessing.org\/sketch\/110865\">https:\/\/openprocessing.org\/sketch\/110865<\/a><br \/>\n<a href=\"https:\/\/openprocessing.org\/sketch\/1113391\">https:\/\/openprocessing.org\/sketch\/1113391<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Make an artistic drawing tool. It can have a built-in aesthetic but try to make it flexible enough to produce a variety images. Requirements Make sure it draws in full screen by creating the canvas like this: createCanvas(windowWidth, windowHeight); Grading Criteria It&#8217;s not a obvious variation of the example provided It has its own style &hellip; <a href=\"https:\/\/mycours.es\/digitalmedia\/project-drawing-tool\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Assignment: Drawing Tool&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":28,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3057","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/3057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/comments?post=3057"}],"version-history":[{"count":13,"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/3057\/revisions"}],"predecessor-version":[{"id":3629,"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/3057\/revisions\/3629"}],"wp:attachment":[{"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/media?parent=3057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}