{"id":92,"date":"2021-10-12T22:41:24","date_gmt":"2021-10-13T05:41:24","guid":{"rendered":"https:\/\/blogs.ubc.ca\/etec540vcameron\/?p=92"},"modified":"2021-10-12T22:46:30","modified_gmt":"2021-10-13T05:46:30","slug":"task-5-twine","status":"publish","type":"post","link":"https:\/\/blogs.ubc.ca\/etec540vcameron\/2021\/10\/12\/task-5-twine\/","title":{"rendered":"Task 5: Twine"},"content":{"rendered":"<p><a href=\"https:\/\/blogs.ubc.ca\/etec540vcameron\/files\/2021\/10\/The-Three-Little-Pigs.html_.zip\">The Three Little Pigs.html<\/a><\/p>\n<p><span style=\"font-weight: 400;\">Since taking the MET Digital Games Institute this past summer, I have been excited to try my hand at creating a Twine. After playing the goofy and entertaining <\/span><i><span style=\"font-weight: 400;\">Temple of No<\/span><\/i><span style=\"font-weight: 400;\"> game, I decided to create a Choose Your Own Adventure <\/span><i><span style=\"font-weight: 400;\">(CYOA) <\/span><\/i><span style=\"font-weight: 400;\">style of story with different paths that the story could take. It took me a while to decide my topic, but I eventually settled on the Three Little Pigs story because it illustrates a simple example of something that most students could relate to and create quite easily. The whole process of creating this Twine took me about an hour, start to finish.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Knowing that I wanted to create multiple paths in my story, I initially started to write my story directly within the program. However, the coding part of Twine was quite frustrating and I decided it would be better to switch to a flow-chart to focus on the contents of the story itself. Coding could wait until I had all of my story paths complete.\u00a0<\/span><\/p>\n<\/p>\n<div style=\"width: 480px; height: 360px; margin: 10px; position: relative;\"><iframe allowfullscreen frameborder=\"0\" style=\"width:480px; height:360px\" src=\"https:\/\/lucid.app\/documents\/embeddedchart\/dd5dc8e4-2bbf-46f2-8e29-6d367f5f76d9\" id=\"3P8h0D_JsUjx\"><\/iframe><\/div>\n<p> <em>I used Lucidchart.com to create a flow chart for my story.<\/em>\n<p><span style=\"font-weight: 400;\">With the story finished, I did a quick YouTube search for a <\/span><a href=\"http:\/\/www.adamhammond.com\/twineguide\/\"><span style=\"font-weight: 400;\">Twine tutorial<\/span><\/a><span style=\"font-weight: 400;\"> which taught me that I could code my entire story with links and passages. As I began to transfer my story into code, I realized that my original ideas could be made into more efficient paths, helping the story flow better. It was also interesting to see how much more creative I could get with dialogue and story elements once I got the hang of linking passages in Twine; I was inspired to create a more humorous ending in the midst of the process.\u00a0<\/span><\/p>\n<figure id=\"attachment_95\" aria-describedby=\"caption-attachment-95\" style=\"width: 525px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-95 size-large\" src=\"https:\/\/blogs.ubc.ca\/etec540vcameron\/files\/2021\/10\/Screen-Shot-2021-10-12-at-10.46.13-PM-1024x572.png\" alt=\"\" width=\"525\" height=\"293\" srcset=\"https:\/\/blogs.ubc.ca\/etec540vcameron\/files\/2021\/10\/Screen-Shot-2021-10-12-at-10.46.13-PM-1024x572.png 1024w, https:\/\/blogs.ubc.ca\/etec540vcameron\/files\/2021\/10\/Screen-Shot-2021-10-12-at-10.46.13-PM-300x168.png 300w, https:\/\/blogs.ubc.ca\/etec540vcameron\/files\/2021\/10\/Screen-Shot-2021-10-12-at-10.46.13-PM-768x429.png 768w, https:\/\/blogs.ubc.ca\/etec540vcameron\/files\/2021\/10\/Screen-Shot-2021-10-12-at-10.46.13-PM-1536x859.png 1536w, https:\/\/blogs.ubc.ca\/etec540vcameron\/files\/2021\/10\/Screen-Shot-2021-10-12-at-10.46.13-PM-2048x1145.png 2048w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><figcaption id=\"caption-attachment-95\" class=\"wp-caption-text\">The completed story looks quite different from my original flow chart.<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">In the future, I\u2019d like to explore more of the styling features of Twine, such as adding pictures and text effects, and using hidden text. I would also approach my story creation from the perspective of world building rather than a CYOA style. Frank (2019) found that most students gravitate towards the static CYOA style of writing, which limits their creativity. Instead, if students build a virtual world, they are opening up the ability to interact and explore with a more dynamic narrative, increasing creativity and critical thinking (Frank, 2019).<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><strong>References<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Frank, D. (2019). Walking simulators and interactive fiction in the composition classroom: Reading, writing, and making. <\/span><i><span style=\"font-weight: 400;\">Press Start, 5<\/span><\/i><span style=\"font-weight: 400;\">(2), 72-87. <\/span><a href=\"https:\/\/press-start.gla.ac.uk\/index.php\/press-start\/article\/view\/154\"><span style=\"font-weight: 400;\">https:\/\/press-start.gla.ac.uk\/index.php\/press-start\/article\/view\/154<\/span><\/a><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Three Little Pigs.html Since taking the MET Digital Games Institute this past summer, I have been excited to try my hand at creating a Twine. After playing the goofy and entertaining Temple of No game, I decided to create a Choose Your Own Adventure (CYOA) style of story with different paths that the story &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blogs.ubc.ca\/etec540vcameron\/2021\/10\/12\/task-5-twine\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Task 5: Twine&#8221;<\/span><\/a><\/p>\n","protected":false},"author":85710,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[14,7,6,18,13],"class_list":["post-92","post","type-post","status-publish","format-standard","hentry","category-weekly-tasks","tag-etec540","tag-technology","tag-text","tag-twine","tag-weeklytask"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/etec540vcameron\/wp-json\/wp\/v2\/posts\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/etec540vcameron\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/etec540vcameron\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/etec540vcameron\/wp-json\/wp\/v2\/users\/85710"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/etec540vcameron\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":4,"href":"https:\/\/blogs.ubc.ca\/etec540vcameron\/wp-json\/wp\/v2\/posts\/92\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/blogs.ubc.ca\/etec540vcameron\/wp-json\/wp\/v2\/posts\/92\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/etec540vcameron\/wp-json\/wp\/v2\/media?parent=92"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/etec540vcameron\/wp-json\/wp\/v2\/categories?post=92"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/etec540vcameron\/wp-json\/wp\/v2\/tags?post=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}