{"id":5456,"date":"2020-09-23T14:12:22","date_gmt":"2020-09-23T18:12:22","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=5456"},"modified":"2020-11-13T03:19:41","modified_gmt":"2020-11-13T08:19:41","slug":"mokka-exercises","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/mjchangandrew-cmu-edu\/09\/23\/mokka-exercises\/","title":{"rendered":"mokka &#8211; Exercises"},"content":{"rendered":"<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/rEFHIoaUJ\">One of Everything<\/a><\/p>\n<p><img loading=\"lazy\" class=\" wp-image-5589 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-2.10.07-PM.png\" alt=\"\" width=\"321\" height=\"320\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-2.10.07-PM.png 908w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-2.10.07-PM-482x480.png 482w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-2.10.07-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-2.10.07-PM-768x765.png 768w\" sizes=\"(max-width: 321px) 85vw, 321px\" \/><\/p>\n<hr \/>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/hSOn2bJW1\">Spiral<\/a><\/p>\n<p><img loading=\"lazy\" class=\" wp-image-5545 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-12.44.49-PM.png\" alt=\"\" width=\"324\" height=\"323\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-12.44.49-PM.png 798w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-12.44.49-PM-481x480.png 481w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-12.44.49-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-12.44.49-PM-768x766.png 768w\" sizes=\"(max-width: 324px) 85vw, 324px\" \/><\/p>\n<hr \/>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/eGGAevTN9\">Transitioning Rectangles<\/a><\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" class=\" wp-image-5462 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.18.27-PM.png\" alt=\"\" width=\"328\" height=\"328\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.18.27-PM.png 800w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.18.27-PM-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.18.27-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.18.27-PM-768x768.png 768w\" sizes=\"(max-width: 328px) 85vw, 328px\" \/><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/vmT4usIA9\">Iteration With Functions<\/a><\/p>\n<p><img loading=\"lazy\" class=\"wp-image-5556 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-1.22.20-PM-e1600882247244.png\" alt=\"\" width=\"326\" height=\"329\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-1.22.20-PM-e1600882247244.png 499w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-1.22.20-PM-e1600882247244-476x480.png 476w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-1.22.20-PM-e1600882247244-150x150.png 150w\" sizes=\"(max-width: 326px) 85vw, 326px\" \/><\/p>\n<hr \/>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/gOUltuZC_\">Billiard Ball<\/a><\/p>\n<p><img loading=\"lazy\" class=\" wp-image-5459 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.14.29-PM.png\" alt=\"\" width=\"337\" height=\"337\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.14.29-PM.png 792w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.14.29-PM-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.14.29-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.14.29-PM-768x768.png 768w\" sizes=\"(max-width: 337px) 85vw, 337px\" \/><\/p>\n<hr \/>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/TBqi-w0Ut\">Ping Pong<\/a><\/p>\n<p><img loading=\"lazy\" class=\" wp-image-5737 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-2.31.08-PM.png\" alt=\"\" width=\"323\" height=\"321\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-2.31.08-PM.png 792w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-2.31.08-PM-482x480.png 482w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-2.31.08-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-2.31.08-PM-768x764.png 768w\" sizes=\"(max-width: 323px) 85vw, 323px\" \/><\/p>\n<hr \/>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/qkplJ3oPL\">Random Splat<\/a><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/qkplJ3oPL\"><br \/>\n<\/a><img loading=\"lazy\" class=\" wp-image-5460 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.15.16-PM.png\" alt=\"\" width=\"340\" height=\"339\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.15.16-PM.png 798w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.15.16-PM-481x480.png 481w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.15.16-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.15.16-PM-768x766.png 768w\" sizes=\"(max-width: 340px) 85vw, 340px\" \/><\/p>\n<hr \/>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/-u9GZD8ky\">Recoding Schotter<\/a><\/p>\n<p><img loading=\"lazy\" class=\"wp-image-5558 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-1.39.42-PM-e1600883021925.png\" alt=\"\" width=\"325\" height=\"327\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-1.39.42-PM-e1600883021925.png 792w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-1.39.42-PM-e1600883021925-478x480.png 478w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-1.39.42-PM-e1600883021925-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-1.39.42-PM-e1600883021925-768x772.png 768w\" sizes=\"(max-width: 325px) 85vw, 325px\" \/><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/--DTvy8s8\">Hitomezashi Sashiko Stitching<\/a><\/p>\n<p><img loading=\"lazy\" class=\"wp-image-5458 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.09.00-PM-e1600830833393.png\" alt=\"\" width=\"344\" height=\"342\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.09.00-PM-e1600830833393.png 799w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.09.00-PM-e1600830833393-482x480.png 482w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.09.00-PM-e1600830833393-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.09.00-PM-e1600830833393-768x764.png 768w\" sizes=\"(max-width: 344px) 85vw, 344px\" \/><\/p>\n<hr \/>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/9Va6AmIFN\">Imaginary Map<\/a><\/p>\n<p><img loading=\"lazy\" class=\"wp-image-5457 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.07.26-PM.png\" alt=\"\" width=\"326\" height=\"327\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.07.26-PM.png 796w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.07.26-PM-479x480.png 479w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.07.26-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.07.26-PM-768x770.png 768w\" sizes=\"(max-width: 326px) 85vw, 326px\" \/><\/p>\n<hr \/>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/yYMgaV89g\">Longest Line Search<\/a><\/p>\n<p><img loading=\"lazy\" class=\" wp-image-5461 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.17.25-PM.png\" alt=\"\" width=\"335\" height=\"335\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.17.25-PM.png 796w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.17.25-PM-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.17.25-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-22-at-11.17.25-PM-768x768.png 768w\" sizes=\"(max-width: 335px) 85vw, 335px\" \/><\/p>\n<hr \/>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/ZnFgNI6Sz\">Eyes Following Cursor<\/a><\/p>\n<p><img loading=\"lazy\" class=\"wp-image-5494 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-11.55.17-AM.png\" alt=\"\" width=\"330\" height=\"330\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-11.55.17-AM.png 796w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-11.55.17-AM-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-11.55.17-AM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-23-at-11.55.17-AM-768x768.png 768w\" sizes=\"(max-width: 330px) 85vw, 330px\" \/><\/p>\n<hr \/>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/t_w2n3LYz\">Find Angle From Three Points<\/a><\/p>\n<p><img loading=\"lazy\" class=\" wp-image-5739 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-4.01.35-PM.png\" alt=\"\" width=\"324\" height=\"325\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-4.01.35-PM.png 794w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-4.01.35-PM-479x480.png 479w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-4.01.35-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-4.01.35-PM-768x770.png 768w\" sizes=\"(max-width: 324px) 85vw, 324px\" \/><\/p>\n<hr \/>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/mokka\/sketches\/crfa9myR0\">Circle from Three Points(Circumcenter)<\/a><\/p>\n<p><img loading=\"lazy\" class=\"wp-image-5735 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-2.06.04-PM.png\" alt=\"\" width=\"330\" height=\"330\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-2.06.04-PM.png 798w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-2.06.04-PM-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-2.06.04-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-24-at-2.06.04-PM-768x768.png 768w\" sizes=\"(max-width: 330px) 85vw, 330px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of Everything Spiral Transitioning Rectangles &nbsp; Iteration With Functions Billiard Ball Ping Pong Random Splat Recoding Schotter &nbsp; Hitomezashi Sashiko Stitching Imaginary Map Longest Line Search Eyes Following Cursor Find Angle From Three Points Circle from Three Points(Circumcenter)<\/p>\n","protected":false},"author":54,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[51],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/5456"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=5456"}],"version-history":[{"count":5,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/5456\/revisions"}],"predecessor-version":[{"id":5740,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/5456\/revisions\/5740"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=5456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=5456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=5456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}