{"id":3145,"date":"2024-10-22T12:26:59","date_gmt":"2024-10-22T16:26:59","guid":{"rendered":"https:\/\/playfulcity.net\/go\/?page_id=3145"},"modified":"2024-12-13T12:25:58","modified_gmt":"2024-12-13T16:25:58","slug":"twilio-studio-branching-narratives","status":"publish","type":"page","link":"https:\/\/playfulcity.net\/go\/ebow\/twilio-studio-branching-narratives\/","title":{"rendered":"Guide: Using Twilio Studio for Branching Narratives"},"content":{"rendered":"\n<p>Twilio Studio is our primary alternative to using Hive Mechanic. It is a tool that is widely available, relatively inexpensive to use, has similar basic functionality as Hive Mechanic, and has a lower back-end technical skill threshold for independent use. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/7\/7e\/Twilio-logo-red.svg\" alt=\"\" style=\"width:329px;height:auto\"\/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"211\" src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/03\/hive-mechanic-header-bgs-v0a.jpg\" alt=\"\" class=\"wp-image-941\" style=\"width:380px;height:auto\" srcset=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/03\/hive-mechanic-header-bgs-v0a.jpg 844w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/03\/hive-mechanic-header-bgs-v0a-300x75.jpg 300w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/03\/hive-mechanic-header-bgs-v0a-768x192.jpg 768w\" sizes=\"auto, (max-width: 844px) 100vw, 844px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><em>Contents:<\/em><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"#overview\" data-type=\"internal\" data-id=\"#overview\">Overview and Pre-Requisites<\/a><\/li>\n\n\n\n<li><a href=\"#video-1\" data-type=\"internal\" data-id=\"#video-1\">Video 1: Sending Text and Pictures<\/a><\/li>\n\n\n\n<li><a href=\"#video-2\" data-type=\"internal\" data-id=\"#video-2\">Video 2: Branching Stories<\/a><\/li>\n\n\n\n<li><a href=\"#video-3\" data-type=\"internal\" data-id=\"#video-3\">Video 3: Phone Numbers<\/a><\/li>\n\n\n\n<li><a href=\"#quick-reference\" data-type=\"internal\" data-id=\"#quick-reference\">Quick reference: screen shots of making a flow, the text message &#8216;trigger&#8217;, and for branching narratives<\/a><\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"overview\">Overview and Pre-Requisites<\/h2>\n\n\n\n<p class=\"has-text-align-left\">In our opinion, Hive Mechanic is easier to use on the front-end (the actual narrative-making side of things) and has a more powerful tool set for making games (keeping score, creating player inventories, and more!) However, we recognize that without our direct assistance, establishing a Hive Mechanic installation is more technically advanced and expensive because you have to be able to set up and pay for your own server.<\/p>\n\n\n\n<p><em>Some things to keep in mind before diving into Twilio Studio:<\/em><\/p>\n\n\n\n<p><strong>Tech Confidence<\/strong>: For using Twilio Studio, we assume some tech savvy for you (or a friend who will sit next to you!). What does that mean? To us, this means that you might feel comfortable figuring out the web interface for something like WordPress or Squarespace. You do not need programming experience.<\/p>\n\n\n\n<p><strong>Time Involved<\/strong>: Setting up a temporary phone number and new Twilio account, plus building a small test narrative to see how it works will take approximately 30-60 minutes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"video-1\"><em>Video 1: Sending Text and Pictures<\/em><\/h2>\n\n\n\n<p>In this six-minute video, game designer Hazel Arroyo walks you through the most basic (and exciting) start of using Twilio Studio.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"928\" style=\"aspect-ratio: 1710 \/ 928;\" width=\"1710\" controls src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/11\/TwilioPart1.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"video-2\"><em>Video 2: Branching Stories<\/em><\/h2>\n\n\n\n<p>In this four-minute video, game designer Hazel Arroyo walks you through how to create branches (or choices) in your stories with Twilio Studio. <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"928\" style=\"aspect-ratio: 1710 \/ 928;\" width=\"1710\" controls src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/11\/TwilioPart2.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"video-3\"><em>Video 3: Phone Numbers<\/em><\/h2>\n\n\n\n<p>In this four-minute video, game designer Hazel Arroyo walks you through how to get a phone number and connect it to the Flow in Twilio Studio that you&#8217;ve created. <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1068\" style=\"aspect-ratio: 1710 \/ 1068;\" width=\"1710\" controls src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/12\/Twilio-Phone-Numbers.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"quick-reference\">Quick Reference Guide<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"#make-flow\">Make a new flow<\/a><\/li>\n\n\n\n<li><a href=\"#text-trigger\" data-type=\"internal\" data-id=\"#text-trigger\">Connect a &#8220;text message&#8221; trigger<\/a><\/li>\n\n\n\n<li><a href=\"#edit-text\" data-type=\"internal\" data-id=\"#edit-text\">Edit the &#8220;text message&#8221; widget<\/a><\/li>\n\n\n\n<li><a href=\"#send-picture\" data-type=\"internal\" data-id=\"#send-picture\">Send a picture message<\/a><\/li>\n\n\n\n<li><a href=\"#create-branch\" data-type=\"internal\" data-id=\"#create-branch\">Create a branching narrative<\/a><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"make-flow\">(1) Make a new flow<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-1.png\" alt=\"\" class=\"wp-image-3150\" style=\"width:517px;height:auto\" srcset=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-1.png 960w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-1-300x169.png 300w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-1-768x432.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"text-trigger\">(2) Connect a &#8220;text message&#8221; trigger<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-3.png\" alt=\"\" class=\"wp-image-3156\" style=\"width:404px;height:auto\" srcset=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-3.png 960w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-3-300x169.png 300w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-3-768x432.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-4.png\" alt=\"\" class=\"wp-image-3153\" style=\"width:375px;height:auto\" srcset=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-4.png 960w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-4-300x169.png 300w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-4-768x432.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"edit-text\">(3) Edit the &#8220;text message&#8221; widget<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-5.png\" alt=\"\" class=\"wp-image-3154\" style=\"width:577px;height:auto\" srcset=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-5.png 960w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-5-300x169.png 300w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-5-768x432.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"send-picture\">(4) Send a picture message<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-6.png\" alt=\"\" class=\"wp-image-3157\" style=\"width:562px;height:auto\" srcset=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-6.png 960w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-6-300x169.png 300w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-6-768x432.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-branch\">(5) Create a branching narrative<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-7.png\" alt=\"\" class=\"wp-image-3158\" style=\"width:531px;height:auto\" srcset=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-7.png 960w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-7-300x169.png 300w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2024\/10\/2024-WebJunction-Twilio-Studio-Deck-7-768x432.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Twilio Studio is our primary alternative to using Hive Mechanic. It is a tool that is widely available, relatively inexpensive to use, has similar basic functionality as Hive Mechanic, and has a lower back-end technical skill threshold for independent use. Contents: Overview and Pre-Requisites In our opinion, Hive Mechanic is easier to use on the [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":2071,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-3145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/pages\/3145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/comments?post=3145"}],"version-history":[{"count":10,"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/pages\/3145\/revisions"}],"predecessor-version":[{"id":3310,"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/pages\/3145\/revisions\/3310"}],"up":[{"embeddable":true,"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/pages\/2071"}],"wp:attachment":[{"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/media?parent=3145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}