{"id":4275,"date":"2020-09-01T23:18:51","date_gmt":"2020-09-02T03:18:51","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=4275"},"modified":"2020-09-01T23:18:51","modified_gmt":"2020-09-02T03:18:51","slug":"mokka-where-the-mouse-travels","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/mjchangandrew-cmu-edu\/09\/01\/mokka-where-the-mouse-travels\/","title":{"rendered":"mokka – where the mouse travels"},"content":{"rendered":"

mokka – where the mouse travels<\/a><\/p>\n

 <\/p>\n

\"\"
yellow is where the mouse traveled, where you started is marked on the top left<\/figcaption><\/figure>\n

\"\" \"\" \"\"<\/p>\n

About my territory: <\/strong>As a kid, I remembered how my parents would always print out a google map sheet for GPS. I utilized that map to manifest my own imaginary world. There were plenty of red, orange, and green dots scattered across each map and I imagined treasures or places worth exploring.<\/p>\n

Process: <\/strong>Thus, I made treasure maps for this assignment! I wanted to keep an almost child-like quality to it as I wanted to reminisce about my imagination when I was much younger. I utilized nested loops and played around with the placement of shapes to illustrate a simple landscape and kind of natural-looking dynamic utilizing randomness. I also tried providing information for the user indicating where they start once the canvas is open so that when they “get lost” they will at least know their starting point. This starting point is indicated in the top left corner where both the longitude and latitude are recorded once they start moving their mouse. I did this by abling the code to indicate where the mouse is on the canvas at all times. Also, the user’s mouse would leave a trace of its movements utilizing an ellipse that is constantly being drawn. I incorporated this because it resembles how I would immerse myself by using a pen and tracing how I would explore the world that I had in my hand. Once the user clicks the mouse a new starting point is recorded and the treasure items\/areas are reset in a random, new area of the map giving the user a whole other map to explore. Due to the number of shapes I had to make, I also created my own functions to make my code a little cleaner for my own sanity.<\/p>\n

via GIPHY\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

mokka – where the mouse travels   About my territory: As a kid, I remembered how my parents would always print out a google map sheet for GPS. I utilized that map to manifest my own imaginary world. There were plenty of red, orange, and green dots scattered across each map and I imagined treasures … Continue reading “mokka – where the mouse travels”<\/span><\/a><\/p>\n","protected":false},"author":54,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[41],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4275"}],"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=4275"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4275\/revisions"}],"predecessor-version":[{"id":4326,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4275\/revisions\/4326"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=4275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=4275"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=4275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}