{"id":343,"date":"2022-06-17T00:28:12","date_gmt":"2022-06-17T07:28:12","guid":{"rendered":"https:\/\/blogs.ubc.ca\/jocelync\/?p=343"},"modified":"2022-06-17T00:44:44","modified_gmt":"2022-06-17T07:44:44","slug":"task-5-twine-task","status":"publish","type":"post","link":"https:\/\/blogs.ubc.ca\/jocelync\/task-5-twine-task\/","title":{"rendered":"Task 5: Twine task"},"content":{"rendered":"<h2>Mystery of the potato stamps<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-357\" src=\"https:\/\/blogs.ubc.ca\/jocelync\/files\/2022\/06\/note_small.png\" alt=\"\" width=\"264\" height=\"132\" \/><\/p>\n<p>The potatoes that Bob bought to make fries have been mysteriously carved into potato stamps. Which of the three new neighbours is the culprit? You, a super awesome detective, along with your equally awesome partner Detective Jocelyn, are on the case!<\/p>\n<p><em><a href=\"https:\/\/jocelynchan.com\/ETEC540\/Mystery%20of%20the%20potato%20stamps.html\" target=\"_blank\" rel=\"noopener\">Click here to open <strong>Mystery of the potato stamps<\/strong> in a new tab<\/a> for the full experience (recommended), or play a tiny version of it below.<\/em><\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/jocelynchan.com\/ETEC540\/Mystery%20of%20the%20potato%20stamps.html\" width=\"550\" height=\"700\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<hr \/>\n<h2>Reflection<\/h2>\n<h4>Strategy<\/h4>\n<p>The concept of creating branching scenarios is not new to me, but this was my first time making a text-based game and using Twine! I used to love the text-based <a href=\"https:\/\/web.archive.org\/web\/20060807005748\/http:\/\/www.normandcompany.com\/STICKMAN\/index.html\" target=\"_blank\" rel=\"noopener\">Stickman murder mystery games<\/a>, so I was very excited to create my own for this task.<\/p>\n<p>In branching scenarios, the player is \u201cgive[n] the illusion of control\u201d but the paths are determined by the creator (Bolter, 2010, p. 43), and I\u2019m mindful that this makes for a certain \u201crelationship between the [player] and the text\u201d (p. 35). Considering this, to help minimize feelings of being forced to say certain things or take certain paths, I set out to write opposing choices for the player to \u2018say\u2019 or do whenever possible, such as:<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>\u201cI\u2019m all ready!\u201d \/ \u201cI need my coffee first.\u201d<\/li>\n<li>\u201cI&#8217;m not sure if that sounds right.\u201d \/ \u201cThat makes a lot of sense!\u201d<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Creation process<\/h4>\n<p><strong>1. Prewriting:<\/strong> I started with what Bolter (2010) referred to as \u201cprewriting\u201d (p. 33). I decided on the theme, clues, and characters, and mapped out the major branches.<\/p>\n<p><strong>2. Design:<\/strong> I knew I would be jumping between descriptions, dialogue, and choices, and I wanted to ensure that these are presented clearly to the player. I tackled this using light CSS and HTML.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-369 size-full\" src=\"https:\/\/blogs.ubc.ca\/jocelync\/files\/2022\/06\/twinescreen4.png\" alt=\"\" width=\"252\" height=\"587\" srcset=\"https:\/\/blogs.ubc.ca\/jocelync\/files\/2022\/06\/twinescreen4.png 252w, https:\/\/blogs.ubc.ca\/jocelync\/files\/2022\/06\/twinescreen4-129x300.png 129w\" sizes=\"auto, (max-width: 252px) 100vw, 252px\" \/><\/p>\n<p><strong>3. Build:<\/strong> I simultaneously created the branches, decided on details, and wrote the text directly in Twine. I especially appreciated Twine in this step of the process \u2013 I was reminded of Bolter\u2019s (2010) description of an \u201celectronic writing space\u201d (p. 35), in that I found Twine effective in \u201ctak[ing] care of the mechanics of maintaining and presenting both networks and trees\u201d (Bolter, 2010, p. 35), which allowed me to focus on writing whatever came to mind!<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><strong style=\"font-size: 1rem;\">4. Add images:<\/strong><span style=\"font-size: 1rem;\"> I created quick sketches for key elements and added them in.<\/span><\/p>\n<hr \/>\n<p style=\"text-align: center;\"><strong>References<\/strong><\/p>\n<p>Bolter, J. D. (2010). Hypertext and the remediation of print. In <em>Writing space: Computers, hypertext, and the remediation of print<\/em> (pp. 27-46). Routledge.<\/p>\n<p>Normandcompany. (n.d.). Stickman murder mystery games. <em>Internet Archive.<\/em> Retrieved from <a href=\"https:\/\/web.archive.org\/web\/20060807005748\/http:\/\/www.normandcompany.com\/STICKMAN\/index.html\" target=\"_blank\" rel=\"noopener\">https:\/\/web.archive.org\/web\/20060807005748\/http:\/\/www.normandcompany.com\/STICKMAN\/index.html<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mystery of the potato stamps The potatoes that Bob bought to make fries have been mysteriously carved into potato stamps. Which of the three new neighbours is the culprit? You, a super awesome detective, along with your equally awesome partner Detective Jocelyn, are on the case! Click here to open Mystery of the potato stamps &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blogs.ubc.ca\/jocelync\/task-5-twine-task\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Task 5: Twine task&#8221;<\/span><\/a><\/p>\n","protected":false},"author":91345,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-343","post","type-post","status-publish","format-standard","hentry","category-etec-540-tasks"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/jocelync\/wp-json\/wp\/v2\/posts\/343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/jocelync\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/jocelync\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/jocelync\/wp-json\/wp\/v2\/users\/91345"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/jocelync\/wp-json\/wp\/v2\/comments?post=343"}],"version-history":[{"count":37,"href":"https:\/\/blogs.ubc.ca\/jocelync\/wp-json\/wp\/v2\/posts\/343\/revisions"}],"predecessor-version":[{"id":386,"href":"https:\/\/blogs.ubc.ca\/jocelync\/wp-json\/wp\/v2\/posts\/343\/revisions\/386"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/jocelync\/wp-json\/wp\/v2\/media?parent=343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/jocelync\/wp-json\/wp\/v2\/categories?post=343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/jocelync\/wp-json\/wp\/v2\/tags?post=343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}