\n
1. Looking Outwards<\/h3>\n
The purpose of this prompt is for you to observe some of the kinds of expertise and energy that are developing around the topic of drawing with machines.<\/em><\/p>\n Spend 10-15 minutes browsing<\/strong> the resources at Drawingbots.net<\/a> and the Drawingbots Discord<\/a>, both maintained by Maks Surguy. A good place to get started is this astonishing list of software tools<\/a>, but you might also appreciate this list of recommended supplies<\/a>. Now<\/em>:<\/p>\n Identify<\/strong> something you found interesting, and, in a blog post, briefly describe<\/strong> it (including an image, if appropriate). Title<\/strong> your blog post Nickname-Drawingbots<\/em> and Categorize<\/strong> it 04-Drawingbots<\/em>.<\/p>\n Please read<\/strong> this prompt all the way to the end, before you start any drawing or coding. The purpose of this prompt is for you to develop foundational skills in controlling value and tone.<\/em><\/p>\n First: do some sketching.<\/em> With a pen and paper, do some hatching studies<\/strong> by hand. Try to generate 9 different hatching concepts or styles (say, in a 3×3 grid)\u2014starting with the most obvious and butt-simple hatching methods, and aiming for some more exotic hatching methods that you would have no idea how to implement in code.<\/p>\n Now:<\/em> Write code<\/strong> to implement four different methods of hatching (in other words: approximating gray tones using assemblies of lines, in order to fill areas of paper<\/em>).<\/p>\n In your designs,\u00a0<\/strong><\/p>\n Below are some loose inspirations. There are more inspirations in the class notes from last session<\/a>.<\/em><\/em><\/p>\n <\/p>\n (Above: AxiDraw dithering experiments by Lars Wander.)<\/em><\/p>\n <\/p>\n Processing + PEmbroider code:<\/p>\n Screenshot:<\/p>\n SVG:<\/p>\n <\/p>\n <\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" This set of prompts has two parts, due by the beginning of class on Wednesday, 9\/22: Looking Outwards: Review plotting resources on Drawingbots.net and the Drawingbots Discord Hatching Studies: Develop four different methods of hatching, and plot them on paper. 1. Looking Outwards The purpose of this prompt is for you to observe some of … Continue reading “#4: Hatching”<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":19,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/pages\/823"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/comments?post=823"}],"version-history":[{"count":20,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/pages\/823\/revisions"}],"predecessor-version":[{"id":1030,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/pages\/823\/revisions\/1030"}],"up":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/pages\/19"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/media?parent=823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n2. Hatching Studies<\/h3>\n
\n
\n
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/hatch_sequence_H.svg\")
<\/a><\/p>\n![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/hatch_sequence.svg\")
<\/a><\/p>\n![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/f599a42f4d0cd48dc20a3f6b2ff5727e-1024x780.jpg\")
<\/a><\/p>\n![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/DAmA2kRSK8S7ia25LPwfSk-480-80.jpg\")
<\/a><\/p>\n![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/Ex5LlJyWQAY3yYk-1024x1024.jpg\")
<\/a><\/p>\n
\nPEmbroider Example<\/h3>\n
\/\/ Hatch some shapes and export an SVG\r\nimport processing.embroider.*;\r\nPEmbroiderGraphics E;\r\n\r\n\r\nvoid setup() {\r\n noLoop(); \r\n size (475, 700);\r\n E = new PEmbroiderGraphics(this, width, height);\r\n\r\n String outputFilePath = sketchPath(\"PEmbroider_hatching.svg\");\r\n E.setPath(outputFilePath); \r\n E.beginDraw(); \r\n E.clear();\r\n E.strokeWeight(1); \r\n E.fill(0, 0, 0); \r\n E.noStroke(); \r\n \r\n \/\/ VERY important for SVG\r\n E.toggleConnectingLines(false); \/\/ for SVG!\r\n E.toggleResample(false); \/\/ for SVG!\r\n\r\n\r\n \/\/-----------------------\r\n \/\/ Perlin noise field fill. \r\n E.HATCH_MODE = PEmbroiderGraphics.PERLIN;\r\n E.HATCH_SPACING = 4;\r\n E.HATCH_SCALE = 1.0;\r\n E.rect( 25, 25, 200, 200);\r\n\r\n E.HATCH_MODE = PEmbroiderGraphics.PERLIN;\r\n E.HATCH_SPACING = 8;\r\n E.HATCH_SCALE = 1.0;\r\n E.circle(350, 125, 200);\r\n\r\n \r\n \/\/-----------------------\r\n \/\/ Shapes filled with PARALLEL hatch mode.\r\n \/\/ I've changed up the way I'm setting the parameters.\r\n E.hatchMode(E.PARALLEL);\r\n E.hatchAngleDeg(45); \/\/ Degrees!\r\n E.hatchSpacing(4);\r\n E.circle(125, 350, 200);\r\n\r\n E.hatchMode(E.PARALLEL);\r\n E.hatchAngle(radians(90)); \/\/ Radians!\r\n E.hatchSpacing(4);\r\n E.circle(350, 350, 200);\r\n\r\n\r\n \/\/-----------------------\r\n \/\/ The \"cross\" hatch mode is a convenience mode, \r\n \/\/ placing parallel lines of stitching at two orientations\r\n \/\/ specified by HATCH_ANGLE and HATCH_ANGLE2:\r\n E.HATCH_MODE = PEmbroiderGraphics.CROSS;\r\n E.HATCH_ANGLE = radians(90);\r\n E.HATCH_ANGLE2 = radians(0); \r\n E.HATCH_SPACING = 4;\r\n E.circle(125, 575, 200);\r\n\r\n E.HATCH_MODE = PEmbroiderGraphics.CROSS;\r\n E.HATCH_ANGLE = radians(90); \r\n E.HATCH_ANGLE2 = radians(75); \r\n E.HATCH_SPACING = 8;\r\n E.circle(350, 575, 200);\r\n \r\n\r\n \/\/-----------------------\r\n E.optimize(); \/\/ slow, but good and important\r\n E.visualize(); \r\n E.endDraw(); \/\/ write out the file\r\n save(\"screenshot.png\"); \r\n}\r\n\r\n\/\/--------------------------------------------\r\nvoid draw() {;}\r\n<\/pre>\n![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/screenshot.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/PEmbroider_hatching.svg\")
<\/a><\/p>\n