{"id":75,"date":"2025-04-28T19:32:55","date_gmt":"2025-04-28T19:32:55","guid":{"rendered":"https:\/\/ryancv-demo.bslthemes.com\/?post_type=portfolio&#038;p=75"},"modified":"2026-08-20T17:20:00","modified_gmt":"2026-08-20T17:20:00","slug":"enactment-based-storytelling","status":"publish","type":"portfolio","link":"https:\/\/sarahbrown.me\/?portfolio=enactment-based-storytelling","title":{"rendered":"Enactment-Based Storytelling"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"75\" class=\"elementor elementor-75\">\n\t\t\t\t<div class=\"elementor-element elementor-element-615629f2 e-flex e-con-boxed e-con e-parent\" data-id=\"615629f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23a68479 elementor-widget elementor-widget-text-editor\" data-id=\"23a68479\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The <strong>Enactment-based Storytelling<\/strong> project explored how technology could support students in learning to write by decoupling two cognitively demanding tasks: <strong>story creation and writing<\/strong>. We investigated the design of a story creation interface where students could act out and create replayable versions of their stories, which would then serve as a writing aid. Led by Dr. Sharon Lynn Chu, director of the <a href=\"https:\/\/elxlab.cise.ufl.edu\/\">Embodied Learning and Experience Lab<\/a>. Funding for this project was provided by NSF Grant <a href=\"https:\/\/www.nsf.gov\/awardsearch\/show-award\/?AWD_ID=1736225&amp;HistoricalAwards=false\">#1736225<\/a>.<\/p><p class=\"isSelectedEnd\">I co-designed the interface with another student, and am responsible for creating the assets and final mock-ups. I then developed the interactive storytelling interface in Unity, creating an environment where students can build, structure, and enact their own stories through multiple forms of recording and motion capture.<\/p><p class=\"isSelectedEnd\">The interface organizes stories into <strong>scenes<\/strong>, structured across three sections\u2014<strong>Beginning, Middle, and End<\/strong>\u2014reflecting the narrative structures commonly taught in elementary education. Students construct scenes by combining characters, objects, and backdrops, then use these elements to enact their stories. Scenes can be added, removed, reordered, and annotated with titles and notes throughout the creative process.<\/p><p>Beyond supporting story creation, the interface was designed as a research instrument. I implemented multiple <strong>cognitive structure conditions<\/strong> that alter how students organize and develop their narratives, allowing the research team to investigate how different forms of scaffolding influence storytelling. I also developed the interface to support integration with motion capture systems, enabling studies comparing different enactment-based approaches to interactive story creation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-224d6f3 elementor-widget elementor-widget-image\" data-id=\"224d6f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"900\" height=\"505\" src=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/fillingScene-1-1024x575.gif\" class=\"attachment-large size-large wp-image-4942\" alt=\"\" srcset=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/fillingScene-1-1024x575.gif 1024w, https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/fillingScene-1-300x169.gif 300w, https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/fillingScene-1-768x431.gif 768w, https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/fillingScene-1-184x103.gif 184w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be0acfc elementor-widget elementor-widget-ucaddon_uc_compact_image_theme\" data-id=\"be0acfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_uc_compact_image_theme.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Compact Gallery -->\n\t\t<link id='font-awesome-css' href='https:\/\/sarahbrown.me\/wp-content\/plugins\/unlimited-elements-for-elementor\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/sarahbrown.me\/wp-content\/plugins\/unlimited-elements-for-elementor\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='unitegallery-css' href='https:\/\/sarahbrown.me\/wp-content\/plugins\/unlimited-elements-for-elementor\/assets_libraries\/unitegallery\/css\/unite-gallery.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='fancybox-css' href='https:\/\/sarahbrown.me\/wp-content\/plugins\/unlimited-elements-for-elementor\/assets_libraries\/fancybox3\/jquery.fancybox.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Compact Gallery *\/\n\n#uc_uc_compact_image_theme_elementor_be0acfc-wrapper{\n  min-height: 1px;\n}\n\n#uc_uc_compact_image_theme_elementor_be0acfc{\n  margin:0 auto;\n  display: none;\n}\n\/* fancybox *\/\n\/* endfancybox *\/\n\n<\/style>\n\n<div id=\"uc_uc_compact_image_theme_elementor_be0acfc-wrapper\">\n  <div id=\"uc_uc_compact_image_theme_elementor_be0acfc\" class=\"uc-items-wrapper  \"  data-remote-type=\"gallery\" data-custom-sethtml=\"true\" >\n    \n<img decoding=\"async\" alt=\"storyOverview-1\"\n   src=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/storyOverview-1-768x433.png\"\n    data-image=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/storyOverview-1-1024x578.png\"\n    data-title=\"storyOverview-1\">\n\n<img decoding=\"async\" alt=\"scene2-1\"\n   src=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/scene2-1-768x418.png\"\n    data-image=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/scene2-1-1024x557.png\"\n    data-title=\"scene2-1\">\n\n<img decoding=\"async\" alt=\"scene3-1\"\n   src=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/scene3-1-768x421.png\"\n    data-image=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/scene3-1-1024x562.png\"\n    data-title=\"scene3-1\">\n\n  <\/div>\n<\/div>\n<!-- end Compact Gallery -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3f1659 elementor-widget elementor-widget-ryancv-heading\" data-id=\"f3f1659\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ryancv-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- Heading -->\n\t\t<div class=\"content custom-text\">\n\n\t\t\t\t\t\t<!-- title -->\n\t\t\t<h2 class=\"title\">\n\t\t\t\t<span >Relevant Publications<\/span>\n\t\t\t<\/h2>\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8280395 elementor-widget elementor-widget-ucaddon_post_list\" data-id=\"8280395\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_post_list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Post List -->\n\n<style>\/* widget: Post List *\/\n\n\n\n#uc_post_list_elementor_8280395{\n  display:grid;\n}\n\n#uc_post_list_elementor_8280395 .uc_post_list_image div{\n  background-size:cover;\n  background-position:center;\n}\n\n.uc_post_list .uc_post_list_box{\n\tposition: relative;\n\toverflow: hidden;\n\tdisplay: flex;\n}\n\n#uc_post_list_elementor_8280395 .uc_post_list_image{\n  flex-grow:0;\n  flex-shrink:0;\n  overflow: hidden;\n}\n\n#uc_post_list_elementor_8280395 .uc_post_list_image img{\n  width:100%;\n  height:100%;\n  display:block;\n  transition:0.3s;  \n  position: relative;\n  z-index: 1;\n}\n\n.uc_post_list_title a{\n    position: relative;\n    z-index: 1;\n\tcolor: #333333;\n    display: block;\n}\n\n.uc_post_list_date{\n\tfont-size: 12px;\n}\n\n#uc_post_list_elementor_8280395 .uc_post_list_content{\n  display:flex;\n  flex-direction:column;\n  flex:1;\n}\n\n#uc_post_list_elementor_8280395 .uc_more_btn{\n  text-align:center;\n  text-decoration:none;\n  transition:0.3s;\n  position: relative;\n  z-index: 1;\n}\n\n#uc_post_list_elementor_8280395 .button-on-side{\n  display:flex;\n  align-items:center;\n}\n\n#uc_post_list_elementor_8280395 .ue-grid-item-category{\n  display: flex;\n  align-items: center;\n}\n\n.ue-grid-item-category a{\n  display:inline-block;\n  font-size:10px;\n  text-transform:uppercase;\n  white-space: nowrap;\n}\n\n#uc_post_list_elementor_8280395 .ue-meta-data{  \n  display:flex;\n  flex-wrap: wrap;\n  line-height:1em;\n}\n\n#uc_post_list_elementor_8280395 .ue-grid-item-meta-data{\n      display:inline-flex;\n      align-items:center;\n}\n\n.ue-grid-item-meta-data{\n  font-size:12px;\n}\n\n#uc_post_list_elementor_8280395 .ue-grid-item-meta-data-icon{\n  line-height:1em;\n}\n\n#uc_post_list_elementor_8280395 .ue-grid-item-meta-data-icon svg{\n  width:1em;\n  height:1em;\n} \n\n#uc_post_list_elementor_8280395 .ue-debug-meta{\n  padding:10px;\n  border:1px solid red;\n  position:relative;\n  line-height:1.5em;\n  font-size:11px;\n  width:100%;\n}\n\n.uc-remote-parent .uc_post_list_box{\n\tcursor:pointer;\n}\n\n#uc_post_list_elementor_8280395 .ue-post-link-overlay{\n  display:block;\n  position:absolute;\n  top:0;\n  bottom:0;\n  right:0;\n  left:0;\n}\n\n\n\n\n\n<\/style>\n\n<div class=\"uc_post_list uc-items-wrapper \" id=\"uc_post_list_elementor_8280395\"  >    \t\n  <div class=\"uc_post_list_box\" data-category=\"Peer-Reviewed Conference Proceedings\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/sarahbrown.me\/?p=4767\" target=\"_self\" title=\"Towards Designing Enactment-Scaffolded Narrative Authoring Tools for Elementary-School Children\">\n                     <img decoding=\"async\" src=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/ac_assets\/uc_post_list\/\/placeholder.jpeg\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/sarahbrown.me\/?p=4767\" title=\"Towards Designing Enactment-Scaffolded Narrative Authoring Tools for Elementary-School Children\">Towards Designing Enactment-Scaffolded Narrative Authoring Tools for Elementary-School Children<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n        <div class=\"uc_post_content\">Zarei, N., Quek, F., Chu, S. L., &amp; Brown, S. A. (2021, June)\n\n\nIDC &#8217;21: Proceedings of the...<\/div>                          \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Peer-Reviewed Abstracts\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/sarahbrown.me\/?p=4747\" target=\"_self\" title=\"A Comparison of Children\u2019s Narrative Expressions in Enactment and Writing\">\n                     <img decoding=\"async\" src=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/ac_assets\/uc_post_list\/\/placeholder.jpeg\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/sarahbrown.me\/?p=4747\" title=\"A Comparison of Children\u2019s Narrative Expressions in Enactment and Writing\">A Comparison of Children\u2019s Narrative Expressions in Enactment and Writing<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n        <div class=\"uc_post_content\">Zarei, N., Quek, F., Chu, S. L., &amp; Brown, S. A. (2020, November)\n\n\nInternational Conference on Interactive...<\/div>                          \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Peer-Reviewed Conference Proceedings\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/sarahbrown.me\/?p=4771\" target=\"_self\" title=\"Investigating the Effects of Self-Avatars and Story-Relevant Avatars on Children&#039;s Creative Storytelling\">\n                     <img decoding=\"async\" src=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/ac_assets\/uc_post_list\/\/placeholder.jpeg\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/sarahbrown.me\/?p=4771\" title=\"Investigating the Effects of Self-Avatars and Story-Relevant Avatars on Children&#039;s Creative Storytelling\">Investigating the Effects of Self-Avatars and Story-Relevant Avatars on Children's Creative Storytelling<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n        <div class=\"uc_post_content\">Zarei, N., Chu, S. L., Quek, F., Rao, N. J., &amp; Brown, S. A. (2020, April)\n\n\nCHI &#8217;20: Proceedings...<\/div>                          \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Peer-Reviewed Abstracts\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/sarahbrown.me\/?p=4757\" target=\"_self\" title=\"Embodying Cognitive Processes in Storytelling Interfaces for Children\">\n                     <img decoding=\"async\" src=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/ac_assets\/uc_post_list\/\/placeholder.jpeg\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/sarahbrown.me\/?p=4757\" title=\"Embodying Cognitive Processes in Storytelling Interfaces for Children\">Embodying Cognitive Processes in Storytelling Interfaces for Children<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n        <div class=\"uc_post_content\">Brown, S. A., Chu, S. L., &amp; Loustau, T. (2019, November)\n\n\nInternational Conference on Interactive...<\/div>                          \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Peer-Reviewed Abstracts\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/sarahbrown.me\/?p=4761\" target=\"_self\" title=\"Understanding Avatar Identification Through Visual Similarity for Richer Story Creation\">\n                     <img decoding=\"async\" src=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/ac_assets\/uc_post_list\/\/placeholder.jpeg\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/sarahbrown.me\/?p=4761\" title=\"Understanding Avatar Identification Through Visual Similarity for Richer Story Creation\">Understanding Avatar Identification Through Visual Similarity for Richer Story Creation<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n        <div class=\"uc_post_content\">Park H., Brown S., Chu S.L. (2019)\n\n\nInternational Conference on Human-Computer Interaction\n\n\nhttps:\/\/doi.org\/10.1007\/978-3-030-23528-4_57\n\n\nThis...<\/div>                          \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n\n<\/div>\n\n  <div id=\"uc_post_list_elementor_8280395_empty_message\" class=\"ue-no-posts-found\"  style=\"display:none\" >No posts found<\/div>\n\n<!-- end Post List -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":4941,"menu_order":0,"template":"","portfolio_categories":[50,49,55,54],"portfolio_tags":[],"class_list":["post-75","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_categories-applied-interactive-storytelling","portfolio_categories-creativity-support-tools","portfolio_categories-research-projects","portfolio_categories-ui-uxd"],"acf":[],"_links":{"self":[{"href":"https:\/\/sarahbrown.me\/index.php?rest_route=\/wp\/v2\/portfolio\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sarahbrown.me\/index.php?rest_route=\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/sarahbrown.me\/index.php?rest_route=\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":5,"href":"https:\/\/sarahbrown.me\/index.php?rest_route=\/wp\/v2\/portfolio\/75\/revisions"}],"predecessor-version":[{"id":5002,"href":"https:\/\/sarahbrown.me\/index.php?rest_route=\/wp\/v2\/portfolio\/75\/revisions\/5002"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sarahbrown.me\/index.php?rest_route=\/wp\/v2\/media\/4941"}],"wp:attachment":[{"href":"https:\/\/sarahbrown.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=75"}],"wp:term":[{"taxonomy":"portfolio_categories","embeddable":true,"href":"https:\/\/sarahbrown.me\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_categories&post=75"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/sarahbrown.me\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_tags&post=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}