{"id":632,"date":"2020-03-23T19:23:17","date_gmt":"2020-03-23T19:23:17","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/commit-2-the-bits\/?page_id=632"},"modified":"2020-04-22T20:07:29","modified_gmt":"2020-04-22T20:07:29","slug":"prototypes","status":"publish","type":"page","link":"https:\/\/projects-old.etc.cmu.edu\/commit-2-the-bits\/index.php\/prototypes\/","title":{"rendered":"Prototypes"},"content":{"rendered":"<div data-colibri-id=\"632-c1\" class=\"style-397 style-local-632-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"632-c2\" id=\"content\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-398 style-local-632-c2 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"632-c3\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-411 style-local-632-c3 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-412-outer style-local-632-c4-outer\">\n            <div data-colibri-id=\"632-c4\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-412 style-local-632-c4 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"632-c5\" class=\"h-global-transition-all h-heading style-413 style-local-632-c5 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h1 class=\"\">Show Production<\/h1>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"632-c6\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-399 style-local-632-c6 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-400-outer style-local-632-c7-outer\">\n            <div data-colibri-id=\"632-c7\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-2 h-px-0 v-inner-lg-0 v-inner-md-2 v-inner-0 style-400 style-local-632-c7 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n                <!---->\n                <div data-colibri-id=\"632-c8\" class=\"d-block style-407 style-local-632-c8 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-image__frame-container-outer\">\n                    <div class=\"h-image__frame-container\">\n                      <!---->\n                      <!---->\n                      <img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"755\" src=\"https:\/\/projects-old.etc.cmu.edu\/commit-2-the-bits\/wp-content\/uploads\/2020\/03\/cropped-WeChat-Image_20200323154008.png\" class=\"wp-image-653 style-407-image style-local-632-c8-image\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/commit-2-the-bits\/wp-content\/uploads\/2020\/03\/cropped-WeChat-Image_20200323154008.png 780w, https:\/\/projects-old.etc.cmu.edu\/commit-2-the-bits\/wp-content\/uploads\/2020\/03\/cropped-WeChat-Image_20200323154008-300x290.png 300w, https:\/\/projects-old.etc.cmu.edu\/commit-2-the-bits\/wp-content\/uploads\/2020\/03\/cropped-WeChat-Image_20200323154008-768x743.png 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/>\n                      <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-407-frameImage style-local-632-c8-frameImage\"><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-402-outer style-local-632-c9-outer\">\n            <div data-colibri-id=\"632-c9\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-2 v-inner-lg-0 v-inner-md-0 v-inner-2 style-402 style-local-632-c9 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n                <!---->\n                <div data-colibri-id=\"632-c10\" class=\"h-global-transition-all h-heading style-403 style-local-632-c10 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h3 class=\"\">Cue Sheet &amp; Show Format<\/h3>\n                <\/div>\n                <div data-colibri-id=\"632-c11\" class=\"h-text h-text-component style-404 style-local-632-c11 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><span style=\"font-weight: 400; font-size: 16px; font-family: &quot;Open Sans&quot;; color: rgb(70, 112, 127);\">Cue Sheet is an effective way that we have found to organize the structure of our show. In our cue sheet, we detail each segment of our show and a time estimate, the layout of our show, content of each game\/scene we are doing, and the effects (mainly whether actors will be on air or not) that we are using in each bit of our show.&nbsp;<\/span><\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"632-c12\" id=\"about\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-414 style-local-632-c12 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"632-c13\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-415 style-local-632-c13 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-416-outer style-local-632-c14-outer\">\n            <div data-colibri-id=\"632-c14\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-416 style-local-632-c14 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"632-c15\" class=\"h-global-transition-all h-heading style-418 style-local-632-c15 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Show production with professional improvisers<\/h2>\n                <\/div>\n                <div data-colibri-id=\"632-c16\" class=\"h-text h-text-component style-419 style-local-632-c16 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Here is a link to our most recent show with professional improvisers. In the show, we tested out the show format that we have developed .<\/p>\n                    <p>\n                      <a href=\"https:\/\/www.twitch.tv\/thetwitchimprovproject\" class=\"customize-unpreviewable\">https:\/\/www.twitch.tv\/thetwitchimprovproject<\/a>\n                    <\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-420-outer style-local-632-c17-outer\">\n            <div data-colibri-id=\"632-c17\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-420 style-local-632-c17 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"632-c18\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-428 style-local-632-c18 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-429-outer style-local-632-c19-outer\">\n            <div data-colibri-id=\"632-c19\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-429 style-local-632-c19 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"632-c20\" class=\"h-global-transition-all h-heading style-430 style-local-632-c20 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h1 class=\"\">Production Toolkit<\/h1>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"632-c21\" id=\"about-2\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-421 style-local-632-c21 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"632-c22\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-422 style-local-632-c22 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-423-outer style-local-632-c23-outer\">\n            <div data-colibri-id=\"632-c23\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-423 style-local-632-c23 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-424-outer style-local-632-c24-outer\">\n            <div data-colibri-id=\"632-c24\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-424 style-local-632-c24 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"632-c25\" class=\"h-global-transition-all h-heading style-426 style-local-632-c25 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Streaming Design &amp; Tech Flow<\/h2>\n                <\/div>\n                <div data-colibri-id=\"632-c26\" class=\"h-text h-text-component style-427 style-local-632-c26 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Our Twitch stream is made through a combination of footages from actors and streamers into Streamlabs OBS, as well as Unity features. From there, we also utilize Twitch extensions, as well as content from Twitch chat.<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"632-c27\" id=\"about-3\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-431 style-local-632-c27 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"632-c28\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-432 style-local-632-c28 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-433-outer style-local-632-c29-outer\">\n            <div data-colibri-id=\"632-c29\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-433 style-local-632-c29 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"632-c30\" class=\"h-global-transition-all h-heading style-434 style-local-632-c30 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h5 class=\"\"><\/h5>\n                <\/div>\n                <div data-colibri-id=\"632-c31\" class=\"h-global-transition-all h-heading style-435 style-local-632-c31 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Twitch Improv Bot<\/h2>\n                <\/div>\n                <div data-colibri-id=\"632-c32\" class=\"h-text h-text-component style-436 style-local-632-c32 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>The Twitch improv bot helps hosts with outputting messages to the audience in order to keep them informed of what each game is about. In the section &#8220;game template&#8221;, the host could simply click on the game that they are playing and\n                      the related info preprogrammed will pop up. The suggestions from the audience could also be chosen and be displayed on screen for everyone to see.<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-437-outer style-local-632-c33-outer\">\n            <div data-colibri-id=\"632-c33\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-437 style-local-632-c33 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Show Production Cue Sheet &amp; Show Format Cue Sheet is an effective way that we have found to organize the structure of our show. In our cue sheet, we detail each segment of our show and a time estimate, the layout of our show, content of each game\/scene we are doing, and the effects (mainly [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-632","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/commit-2-the-bits\/index.php\/wp-json\/wp\/v2\/pages\/632"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/commit-2-the-bits\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/commit-2-the-bits\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/commit-2-the-bits\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/commit-2-the-bits\/index.php\/wp-json\/wp\/v2\/comments?post=632"}],"version-history":[{"count":4,"href":"https:\/\/projects-old.etc.cmu.edu\/commit-2-the-bits\/index.php\/wp-json\/wp\/v2\/pages\/632\/revisions"}],"predecessor-version":[{"id":746,"href":"https:\/\/projects-old.etc.cmu.edu\/commit-2-the-bits\/index.php\/wp-json\/wp\/v2\/pages\/632\/revisions\/746"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/commit-2-the-bits\/index.php\/wp-json\/wp\/v2\/media?parent=632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}