{"id":102,"date":"2021-02-21T19:57:13","date_gmt":"2021-02-22T02:57:13","guid":{"rendered":"https:\/\/blogs.ubc.ca\/narration4transformation\/?p=102"},"modified":"2021-02-21T19:57:13","modified_gmt":"2021-02-22T02:57:13","slug":"task-5-twine-task","status":"publish","type":"post","link":"https:\/\/blogs.ubc.ca\/narration4transformation\/2021\/02\/21\/task-5-twine-task\/","title":{"rendered":"Task 5:  Twine Task"},"content":{"rendered":"<h3 style=\"text-align: center;\">This is my brain on the Twine Task.<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-114 aligncenter\" src=\"https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/My-Brain-on-Twine-Image-300x231.png\" alt=\"\" width=\"551\" height=\"427\" \/><\/p>\n<p>The Twine Task had me in knots for more than a week.\u00a0 Self-limiting beliefs interfered with the process, resulting in the same tasks being completed 2 or 3 times, just as I tried to wrap my head around it all.<\/p>\n<figure id=\"attachment_115\" aria-describedby=\"caption-attachment-115\" style=\"width: 188px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/en.wikipedia.org\/wiki\/Choose_Your_Own_Adventure\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-115 size-medium aligncenter\" src=\"https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/The-Cave-of-Time-Choose-Your-Own-Adventure-Book-Cover-188x300.png\" alt=\"\" width=\"188\" height=\"300\" srcset=\"https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/The-Cave-of-Time-Choose-Your-Own-Adventure-Book-Cover-188x300.png 188w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/The-Cave-of-Time-Choose-Your-Own-Adventure-Book-Cover.png 506w\" sizes=\"auto, (max-width: 188px) 100vw, 188px\" \/><\/a><figcaption id=\"caption-attachment-115\" class=\"wp-caption-text\">Image from: https:\/\/en.wikipedia.org\/wiki\/Choose_Your_Own_Adventure<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>The process began with a lot of enthusiasm. \u00a0\u201cChoose Your Own Adventure\u201d books provided some of my fondest childhood memories, so I loved the idea of building my own story.\u00a0 In addition, my research interests lie in using technology and narrative techniques to help facilitate positive behaviour change.\u00a0 Learning about Twine as a tool for interactive, non-linear storytelling just made sense.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">The process I followed, however, did not necessarily make sense.<\/p>\n<figure id=\"attachment_117\" aria-describedby=\"caption-attachment-117\" style=\"width: 1438px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/Image from: https:\/\/twitter.com\/raamana_\/status\/1284062758275670016\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-117\" src=\"https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Red-String-Detective-Wall-Photo.png\" alt=\"\" width=\"1438\" height=\"1434\" srcset=\"https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Red-String-Detective-Wall-Photo.png 1438w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Red-String-Detective-Wall-Photo-300x300.png 300w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Red-String-Detective-Wall-Photo-1024x1021.png 1024w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Red-String-Detective-Wall-Photo-150x150.png 150w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Red-String-Detective-Wall-Photo-768x766.png 768w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Red-String-Detective-Wall-Photo-1140x1137.png 1140w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Red-String-Detective-Wall-Photo-552x550.png 552w\" sizes=\"auto, (max-width: 1438px) 100vw, 1438px\" \/><\/a><figcaption id=\"caption-attachment-117\" class=\"wp-caption-text\">Image from: Image from: https:\/\/twitter.com\/raamana_\/status\/1284062758275670016<\/figcaption><\/figure>\n<p>Just like the red-stringed \u201cah-as\u201d of popular detective shows, I envisioned a magical process where exciting possibilities and connections would fall into place.\u00a0 Although I viewed some Twine tutorials that demonstrated the tool&#8217;s features for story mapping, I chose to get some ideas on paper first.\u00a0 I began with the opening scenario for my story and some possible pathways that could branch off from there.\u00a0 True to my usual process of writing-before-typing, I began this task by first writing out the sequences, both on paper and on post-it notes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-135 size-full\" src=\"https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Post-It-Process-for-Twine-Task-e1613867446788.jpg\" alt=\"\" width=\"1122\" height=\"1329\" srcset=\"https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Post-It-Process-for-Twine-Task-e1613867446788.jpg 1122w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Post-It-Process-for-Twine-Task-e1613867446788-253x300.jpg 253w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Post-It-Process-for-Twine-Task-e1613867446788-865x1024.jpg 865w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Post-It-Process-for-Twine-Task-e1613867446788-768x910.jpg 768w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Post-It-Process-for-Twine-Task-e1613867446788-552x654.jpg 552w\" sizes=\"auto, (max-width: 1122px) 100vw, 1122px\" \/><\/p>\n<p>This might be considered to be a type of &#8220;pre-writing&#8221; as described by Bolter (2001).\u00a0 It marked the beginning of a process in which\u00a0 &#8220;the associative relationships define alternative organizations that lie beneath the order of pages and chapters that a printed text presents to its reader&#8221; (Bolter, 2001, p. 33).<\/p>\n<p>I quickly found that I was feeling a little lost and decided that I wanted more structure in the process.\u00a0 I changed to the keyboard, typing the opening scenario and the optional pathways that could unfold from this scenario. \u00a0When I started to see that the branching passages could become overwhelming, I began colour-coding the various passages that could ensue from each of 3 options in the initial scenario.\u00a0 This colour-coding served as an anchor to help me to keep track of the various story branches.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-118\" src=\"https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Twine-Process-Initial-Brainstorm-Image.png\" alt=\"\" width=\"784\" height=\"596\" \/><\/p>\n<p>Not long after colour-coding potential pathways, I decided that I would benefit from creating a table that included the colour-coding and clustered the pathways (also referred to as \u201cscreens\u201d or outcomes that resulted from decision points) together. \u00a0This allowed me to create another visual of which screens led to one another.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-148\" src=\"https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Typo-correction-for-twine-task-process-table-screen-shot.png\" alt=\"\" width=\"970\" height=\"1030\" srcset=\"https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Typo-correction-for-twine-task-process-table-screen-shot.png 970w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Typo-correction-for-twine-task-process-table-screen-shot-283x300.png 283w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Typo-correction-for-twine-task-process-table-screen-shot-964x1024.png 964w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Typo-correction-for-twine-task-process-table-screen-shot-768x816.png 768w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Typo-correction-for-twine-task-process-table-screen-shot-552x586.png 552w\" sizes=\"auto, (max-width: 970px) 100vw, 970px\" \/><\/p>\n<p>Creating a Word document for this purpose also allowed me to search for certain words or screens when I became confused.\u00a0 Twinery.org also provides this searchability, but I wanted to have the narrative pathways resolved before I tackled that new technology.<\/p>\n<p>I discovered it was easier to understand the flow of the various story options when I assigned screen numbers to the passages that resulted from a given decision point (e.g., Screen 5, Option 2).\u00a0 This system evolved organically; I didn\u2019t envision it from the beginning of the task, and I had to double-back and add these details to my earlier work once it fell into place.<\/p>\n<p>In chatting about the Twine Task with a classmate, I described apprehension about utilizing the Twine technology.\u00a0 I shared that it reminded me of the \u201cif\u2026then\u201d statements of dreaded geometry lessons and the 0s and 1s that never made much sense to me in my Grade 10 \u201cComputer Programming\u201d class.\u00a0 \u201cI\u2019m not a sequential thinker,\u201d I heard myself say (and realized that I\u2019d heard my mother say that about herself over the years.)<\/p>\n<p>Once I actually started using Twine, the process went fairly smoothly and I lamented not using the technology much earlier.\u00a0 It was even better than my &#8220;default&#8221; post-it note process!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-120\" src=\"https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Twine-Map-Image.png\" alt=\"\" width=\"684\" height=\"557\" srcset=\"https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Twine-Map-Image.png 1630w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Twine-Map-Image-300x244.png 300w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Twine-Map-Image-1024x832.png 1024w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Twine-Map-Image-768x624.png 768w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Twine-Map-Image-1536x1248.png 1536w, https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Twine-Map-Image-1140x926.png 1140w\" sizes=\"auto, (max-width: 684px) 100vw, 684px\" \/><\/p>\n<p>I used my Word document to supply story content to Twine, and I found Twine\u2019s hypertext process to be a breeze in comparison to the work I had completed to that point. \u00a0I had feared that the hypertext &#8220;coding&#8221; would be far more complex and cumbersome.<\/p>\n<p>After creating passages in Twine, I copied and pasted elements of the story back into my Word document to keep track of the specific paths that would lead a user to a given passage.\u00a0 This helped me to create passages that were generic enough to accommodate diverse pathways.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-121\" src=\"https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Notes-to-ensure-appropriateness-of-Twine-passage-despite-different-pathways.png\" alt=\"\" width=\"629\" height=\"323\" \/><\/p>\n<p>While creating an interactive story with Twine was surprisingly simple, I did experience frustration with finding simple ways to share my Twine with others.\u00a0 After zipping files and copying them into text editors,\u00a0 a user would still have to know how to download a file and open it with the appropriate application.\u00a0 I wanted to remove those steps.\u00a0 After researching a variety of options, I landed on itch.io.\u00a0 While this eliminated the steps of downloading and opening, I am not fully satisfied. I would prefer the link to be embedded within this blog, requiring just a single click.<\/p>\n<p>The Twine Task process demanded equal parts of sequential and abstract thought.\u00a0 I developed an appreciation for the complexities of interactive gaming.\u00a0 It is a genre that demands that imaginative, big-picture storytelling be interwoven with the minutia of details and possibilities, all within the context of a narrative that allows players to have agency in the storytelling.\u00a0 This challenge can present a &#8220;narrative paradox\u201d where \u201c\u2026the aim to give control over a character in a virtual environment to the user, clashes with the aim to provide a coherent and author determined course of events within this environment&#8221; (Aylett, 1999, cited in Swartjes, 2010, p. 4).<\/p>\n<p>Reflecting on my interest in helping people to &#8220;re-write&#8221; personal narratives with increased agency, I\u00a0 can see that the non-linearity of hypertext may afford opportunities for individuals to associate new ideas and pathways with their life stories.\u00a0 Indeed, Dillon (1996, p. 27, cited in Miall &amp; Dobson, 2001) asserts that &#8220;contemporary hypertext thinking seems tied to concepts of association and non-linearity of access&#8230;&#8221;\u00a0 The flexibility of hypertext may be especially conducive to the intentional authoring of one&#8217;s life.\u00a0 Within an educational context, hypertext could fit well within narrative learning environments that engage students as co-authors of a story, and consequently enhance learning.\u00a0 \u201cBy enabling learners to be co-constructors of narratives, narrative-centered learning environments can promote the deep, connection-building meaning-making activities that define constructivist learning\u201d (Mott et al., 1999, cited in Swartjes, 2010, p.4).<\/p>\n<p>The Twine process demonstrated the diversity of paths that can lead us to the same place.\u00a0 It is both a challenge and a relief to see to discover that the path is not linear; our lives are not a simple series of \u201cif\u2026then\u201d statements, as much as we might like to think so.\u00a0 With the illusion of control shattered, we are free to see that no mistake is finite and unrecoverable.\u00a0 There are many ways for us to get to our desired destination.\u00a0 We are unique individuals, and technology needs to provide the flexibility for us to meander our way through our multiple choice-points and preferred ways of being.\u00a0 As I developed my interactive story, I wondered about including options that would be true &#8220;dead ends&#8221;.\u00a0 But, as long as we are alive, there are no true dead ends.\u00a0 Everything is possible.<\/p>\n<p>To check out my first attempt at a Twine interactive story, <strong><span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/kirstenmckinnongmailcom.itch.io\/twine-task-interactive-story\" target=\"_blank\" rel=\"noopener\">click here!<\/a> <\/span><\/strong><\/p>\n<figure id=\"attachment_113\" aria-describedby=\"caption-attachment-113\" style=\"width: 181px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kirstenmckinnongmailcom.itch.io\/twine-task-interactive-story\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113\" src=\"https:\/\/blogs.ubc.ca\/narration4transformation\/files\/2021\/02\/Run-book-image-for-itch.io_-300x155.png\" alt=\"\" width=\"181\" height=\"98\" \/><\/a><figcaption id=\"caption-attachment-113\" class=\"wp-caption-text\">(You&#8217;ll need to click the image that looks like this.)<\/figcaption><\/figure>\n<p>References:<\/p>\n<p><span style=\"font-weight: 400;\">Bolter, J.D. (2001). <\/span><span style=\"color: #000000;\"><a style=\"color: #000000;\" href=\"http:\/\/gw2jh3xr2c.search.serialssolutions.com\/?sid=sersol&amp;SS_jc=TC0000275364&amp;title=Writing%20space%20%3A%20computers%2C%20hypertext%2C%20and%20the%20remediation%20of%20print\"><span style=\"font-weight: 400;\">Writing Space: Computers, hypertext, and the remediation of print<\/span><\/a><\/span><span style=\"font-weight: 400;\">. Mahway, NJ: Lawrence Erlbaum Associates. Chapter 3<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Miall, D &amp; Dobson, T. (2001) \u201c<\/span><span style=\"color: #000000;\"><a style=\"color: #000000;\" href=\"https:\/\/journals.tdl.org\/jodi\/index.php\/jodi\/article\/view\/35\/37\"><span style=\"font-weight: 400;\">Reading hypertext and the experience of literature<\/span><\/a><\/span><span style=\"font-weight: 400;\"><span style=\"color: #000000;\">.<\/span>\u201d Texas Digital Library.<\/span><\/p>\n<p>Swartjes, I.M.T. (2010). <em>Whose Story Is It Anyway? How Improv Informs Agency and <\/em><em>Authorship of Emergent Narrative<\/em>. University of Twente.\u00a0 https:\/\/doi.org\/10.3990\/1.9789036530040<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"post-excerpt\">This is my brain on the Twine Task. The Twine Task had me in knots for more than a week.\u00a0&#8230;<\/p>\n","protected":false},"author":74950,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-102","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/narration4transformation\/wp-json\/wp\/v2\/posts\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/narration4transformation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/narration4transformation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/narration4transformation\/wp-json\/wp\/v2\/users\/74950"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/narration4transformation\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":40,"href":"https:\/\/blogs.ubc.ca\/narration4transformation\/wp-json\/wp\/v2\/posts\/102\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/blogs.ubc.ca\/narration4transformation\/wp-json\/wp\/v2\/posts\/102\/revisions\/156"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/narration4transformation\/wp-json\/wp\/v2\/media?parent=102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/narration4transformation\/wp-json\/wp\/v2\/categories?post=102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/narration4transformation\/wp-json\/wp\/v2\/tags?post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}