{"id":60,"date":"2022-01-19T02:47:39","date_gmt":"2022-01-19T07:47:39","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/?page_id=60"},"modified":"2022-01-24T21:12:15","modified_gmt":"2022-01-25T02:12:15","slug":"1-gauntlet-code-form","status":"publish","type":"page","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/deliverables\/1-gauntlet-code-form\/","title":{"rendered":"#1: Gauntlet (Code &#038; Form)"},"content":{"rendered":"<p><strong>The first set of Deliverables has five parts, which are due in stages over the next three class sessions:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/forms.gle\/9m8aUjnUFbs9w9uY9\"><strong>Exit Ticket for 1\/19 and Labor Contract Survey<\/strong><\/a> (Due Friday, 1\/19)<\/li>\n<li><strong>Looking Outwards #01<\/strong> (Due 9am Monday, 1\/24)<\/li>\n<li><strong>Deliverables 1A<\/strong> (Due 9am Monday, 1\/24)<\/li>\n<li><strong>Deliverables 1B<\/strong> (Due 9am Wednesday, 1\/26)<\/li>\n<li><strong>Deliverables 1C<\/strong> (Due 9am Monday, 1\/31)<\/li>\n<\/ul>\n<p><strong>Please note the following: <\/strong><\/p>\n<ul>\n<li>The <em>Looking Outwards<\/em> assignment is published on this blog, while your p5.js exercises should be completed in <a href=\"https:\/\/openprocessing.org\/class\/72697#\">our private OpenProcessing class site<\/a>. (Later in the semester, we&#8217;ll publish assignments at the official p5 Editor.)<\/li>\n<li>The purpose of these exercises is to ensure that you have basic fluency in introductory-level programming, and to ensure your familiarity with the p5.js creative coding toolkit.<\/li>\n<li>We&#8217;re using the COVID isolation period before February as a kind of intensive skill-building &#8220;boot camp&#8221;. The pace and character of the work in this course will change <em>significantly<\/em> after February 1st. Based on this foundation of skill, the projects will become much more open-ended (i.e. creative), and the pace will (actually) slow down.<\/li>\n<li>This is the hardest part of the semester \ud83d\ude42<\/li>\n<\/ul>\n<hr \/>\n<h3>Looking Outwards #01 <em>(Due 9am Monday, 1\/24)<\/em><\/h3>\n<p><strong>Topic: <em>A Technological Artwork or Designwork that has Inspired You.<\/em><\/strong><\/p>\n<p>This deliverable is your first <em>Looking Outwards<\/em> report. (As a reminder about what a \u201cLooking Outwards\u201d report means, refer to this <a href=\"https:\/\/github.com\/golanlevin\/lectures\/blob\/master\/syllabi\/looking-outwards.md\">document<\/a>.) I thought it would be ideal, at this early stage, if you could briefly share a project that uses code, and which speaks to you.<\/p>\n<p>Think about an interactive and\/or computational project (from anywhere, by anyone except yourself) that you knew about before starting this course, and which you find intriguing or inspirational. It should be something that someone made with code\u2014at least in part. Now:<\/p>\n<ul>\n<li><strong>Create<\/strong> a blog post on this WordPress website.<\/li>\n<li><strong>Title<\/strong> your blog post <em>nickname-LookingOutwards01<\/em>, where <em>nickname<\/em> is your username on this site<\/li>\n<li><strong>Categorize<\/strong> your blog post <em>LookingOutwards01<\/em>.<\/li>\n<li><strong>Write<\/strong> ~100-200 words about the project. What do you admire about it, and why do you admire these aspects of it?<\/li>\n<li>Please <strong>research<\/strong> and <strong>report<\/strong> about additional questions, such as: Roughly how many people were involved in making it, and how did they organize themselves to achieve it? (Any idea how long it took them to create it?) To the best of your knowledge, did creating this project require the development of custom software\/scripts, or did the authors create the project using \u201coff-the-shelf\u201d (commercial) software? Or some combination of these approaches? What prior works might the project\u2019s creators have been inspired by? To what opportunities or futures does the project point, if any?<\/li>\n<li><strong>Link<\/strong> (if possible) to the artwork, remembering to list the full author and title.<\/li>\n<li><strong>Embed<\/strong> an image of the project.<\/li>\n<li><strong>Embed<\/strong> a YouTube or Vimeo video of the project (if available).<\/li>\n<\/ul>\n<p>This first <em>Looking Outwards<\/em> is unusual, in that you are asked to report on something you already know about. The remaining LO\u2019s this semester will ask you to report on projects that are as yet unknown to you.<\/p>\n<hr \/>\n<h3>Deliverables 1A <em>(Due 9am Monday, 1\/24)<\/em><\/h3>\n<p>At our <a href=\"https:\/\/openprocessing.org\/class\/72697#\">OpenProcessing class page<\/a>, complete the following 10 exercises before 9am Monday.<\/p>\n<p><strong>Before beginning the work below, spend 10 minutes browsing the p5.js <a href=\"https:\/\/p5js.org\/reference\/\">Reference<\/a> and <a href=\"https:\/\/p5js.org\/examples\/\">Examples<\/a>. <\/strong>If you need help getting started with p5.js, consider browsing <a href=\"https:\/\/www.youtube.com\/watch?v=HerCR8bw_GE&amp;list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA\">this Coding Train playlist<\/a> of tutorials. If you&#8217;re stuck, give a shout in the <em>#haaaalp<\/em> channel in the course Discord.<\/p>\n<ol>\n<li>Graphic Elements: <em>One With Everything<\/em><\/li>\n<li>Graphic Elements: <em>Coding Mehretu<\/em><\/li>\n<li>Iteration: <em>String Art Challenge<\/em><\/li>\n<li>Iteration &amp; Conditional Testing: <em>Mini-Calendar<\/em><\/li>\n<li>Iteration &amp; Interaction: <em>Dashed Line<\/em><\/li>\n<li>Nested Iteration &amp; Randomness: <em>Grid, Interrupted<\/em><\/li>\n<li>Iteration &amp; Graphics Transforms: <em>Moir\u00e9 Pattern<\/em><\/li>\n<li>Transformations + Functional Abstraction: <em>Critter Stamps<\/em><\/li>\n<li>Iteration &amp; Randomness: <em>Hitomezashi Sashiko Stitching<\/em><\/li>\n<li>Recoding <em>Schotter<\/em> (Nees, 1968)<\/li>\n<\/ol>\n<hr \/>\n<h3>Deliverables 1B<em> (Due 9am Wednesday, 1\/26)<\/em><\/h3>\n<p><strong>Part 1B Exercises<\/strong> are due this Wednesday, 1\/26 at 9:00am.<\/p>\n<ul>\n<li>11. Generative Trigonometry: <em>Random Splat<\/em><\/li>\n<li>12. Generating Geometry: <em>Spiral<\/em><\/li>\n<li>13. <em>Grid, Interrupted<\/em>, with Simple Interaction<\/li>\n<li>14. Interaction and Geometry: <em>Eye(s) Following Cursor<\/em><\/li>\n<li>15. Making a Timer: <em>Fuse (or Progress Bar)<\/em><\/li>\n<li>16. Using Arrays: <em>Living Line<\/em><\/li>\n<li>17. Array + Search: <em>Longest Line Segment<\/em><\/li>\n<li>18. Array of Animating Objects: <em>Ripples<\/em><\/li>\n<li>19. 1D Perlin Noise: <em>Mountains<\/em><\/li>\n<\/ul>\n<hr \/>\n<h3>Deliverables 1C <em>(Due 9am Monday, 1\/31)<\/em><\/h3>\n<p><strong>Part 1C Exercises<\/strong> are due Monday, 1\/31 at 9:00am.<\/p>\n<ul>\n<li>20. 2D Perlin Noise:<em> Imaginary Islands<\/em><\/li>\n<li>21. Arrays, Geometry, Interaction: <em>Line Intersections<\/em><\/li>\n<li>22. <em>Recoding &#8220;Interruptions&#8221;<\/em> (Vera Moln\u00e1r, 1968-69)<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-240\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/01\/molnar-works-from-the-1960s-70s-interruptions-1-dam-11050-2pUzr-de-2.jpg\" alt=\"\" width=\"815\" height=\"800\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/01\/molnar-works-from-the-1960s-70s-interruptions-1-dam-11050-2pUzr-de-2.jpg 815w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/01\/molnar-works-from-the-1960s-70s-interruptions-1-dam-11050-2pUzr-de-2-489x480.jpg 489w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/01\/molnar-works-from-the-1960s-70s-interruptions-1-dam-11050-2pUzr-de-2-768x754.jpg 768w\" sizes=\"(max-width: 815px) 85vw, 815px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The first set of Deliverables has five parts, which are due in stages over the next three class sessions: Exit Ticket for 1\/19 and Labor Contract Survey (Due Friday, 1\/19) Looking Outwards #01 (Due 9am Monday, 1\/24) Deliverables 1A (Due 9am Monday, 1\/24) Deliverables 1B (Due 9am Wednesday, 1\/26) Deliverables 1C (Due 9am Monday, 1\/31) &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/deliverables\/1-gauntlet-code-form\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;#1: Gauntlet (Code &#038; Form)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":22,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/pages\/60"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":14,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":241,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/pages\/60\/revisions\/241"}],"up":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/pages\/22"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/media?parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}