{"id":82,"date":"2020-02-03T19:03:25","date_gmt":"2020-02-03T19:03:25","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/ditto\/index.php\/mesmerize\/"},"modified":"2020-03-24T23:37:31","modified_gmt":"2020-03-24T23:37:31","slug":"mesmerize","status":"publish","type":"page","link":"https:\/\/projects-old.etc.cmu.edu\/ditto\/","title":{"rendered":"Front Page"},"content":{"rendered":"<div  data-label=\"Overview\" data-id=\"content--1\" data-export-id=\"content-12\" data-category=\"content\" class=\"content-12 content-section content-section-spacing\" id=\"overview\" style=\"background-color: rgb(245, 250, 253); background-image: none;\"><div  class=\"\"> <div  class=\"row text-center\"><div  class=\"section-title-col\" data-type=\"column\">  <\/div> <\/div> <div  class=\"row center-xs middle-xs\"> <div  class=\"col-sm-9\" data-type=\"column\"><img decoding=\"async\"  class=\"custom-image\" src=\"https:\/\/projects-old.etc.cmu.edu\/ditto\/wp-content\/uploads\/2020\/02\/cropped-TeamDitto.png\" alt=\"\" title=\"cropped-TeamDitto.png\"><h2  class=\"\">We are Team Ditto.<\/h2><p  class=\"\"><span  style=\"color: rgb(60, 66, 79); font-size: 19.2px;\">We are five creative minds from the Entertainment Technology Center at Carnegie Mellon University,&nbsp;<\/span><br  style=\"color: rgb(60, 66, 79); font-size: 19.2px;\"><span  style=\"color: rgb(60, 66, 79); font-size: 19.2px;\">who are designing a game that takes full advantage of Google Stadia\u2019s State Share feature.<\/span><\/p> <\/div> <\/div><\/div> <\/div><div  id=\"about\" style=\"background-color: #ffffff;\" data-label=\"About\" data-id=\"features-12-card-bordered\" data-export-id=\"features-12-card-bordered\" data-category=\"features\" class=\"features-12-card-bordered content-section content-section-spacing \"><div  class=\"gridContainer\"> <div  class=\"row text-center\"><div  class=\"section-title-col\" data-type=\"column\"> <h2  class=\"\">We are working with Google Stadia!<\/h2> <p  class=\"lead\">Throughout the semester, we will be building and testing prototypes that will try to centralize the state share feature as a core gameplay mechanic, and from these prototypes create a final demo whose gameplay is uniquely suited not only for state share, but the Google Stadia platform as well.<\/p><\/div> <\/div> <div  class=\"row spaced-cols\" data-type=\"row\"> <div  class=\"col-sm-6\"> <div  class=\"card row-card bordered y-move\"> <div  class=\"row\"> <div  class=\"col-sm-fit icon-column\" data-preview-empty=\"1\">  <\/div> <div  class=\"col-sm\" data-type=\"column\"> <h5  class=\"color2\">Google Stadia<\/h5> <p  class=\"\">Stadia is a cloud gaming service operated by Google that offers players the ability to play games at 4K resolution with 60 fps all from the comfort of their personal devices (whether that\u2019s their smartphone or their laptop). Aside from allowing people to play games remotely, Stadia has many unique features that seek to also bridge the distance between streamers and audience such as the Crowd Play feature, which will allow streamers to create virtual queues for their audience to join games with them.<\/p><a  class=\"link\" href=\"https:\/\/stadia.dev\/intl\/en_us\" target=\"_blank\" data-cp-link=\"1\" rel=\"noopener noreferrer\">More About Stadia!<\/a><\/div> <\/div><\/div> <\/div> <div  class=\"col-sm-6\"> <div  class=\"card row-card bordered y-move\"> <div  class=\"row\"> <div  class=\"col-sm-fit icon-column\" data-preview-empty=\"1\">  <\/div> <div  class=\"col-sm\" data-type=\"column\"> <h5  class=\"color2\">State Share<\/h5> <p  class=\"\">State Share is a groundbreaking aspect of the Stadia platform that will allow players to share 30 second snapshots of a given game save, allowing players to jump into each other\u2019s game saves at the click of a button.<\/p><a  class=\"link\" href=\"https:\/\/stadia.dev\/blog\/the-magic-of-state-share-explained\" target=\"_blank\" data-cp-link=\"1\" rel=\"noopener noreferrer\">More About State Share!<\/a><\/div> <\/div><\/div> <\/div>  <\/div> <\/div><\/div><div  id=\"client\" style=\"background-color: #ffffff;\" data-label=\"Client\" data-id=\"testimonials-5\" data-export-id=\"testimonials-5\" data-category=\"testimonials\" class=\"testimonials-5 content-section content-section-spacing\"><div  class=\"gridContainer\"> <div  class=\"row\"><div  data-type=\"column\" class=\"section-title-col\"> <h2  class=\"\">Client &amp; Instructors.<\/h2> <\/div> <\/div> <div  class=\"row spaced-cols content-center-sm center-sm\" data-type=\"row\"> <div  class=\"col-sm-4 col-md-4 \"> <div  class=\"card y-move bordered\" data-type=\"column\">  <img decoding=\"async\"  src=\"https:\/\/projects-old.etc.cmu.edu\/ditto\/wp-content\/uploads\/2020\/02\/cropped-Erin-Hoffman-John.jpg\" class=\"round icon\" alt=\"\" title=\"cropped-Erin-Hoffman-John.jpg\">  <h6  class=\"\">Erin Hoffman-John\n<\/h6> <p  class=\"small italic\">Client\n<br >Lead Designer, R&amp;D @ Google Stadia<\/p><\/div> <\/div>  <div  class=\"col-sm-4 col-md-4 \"> <div  class=\"card y-move bordered\" data-type=\"column\">  <img decoding=\"async\"  src=\"https:\/\/projects-old.etc.cmu.edu\/ditto\/wp-content\/uploads\/2020\/02\/cropped-Carl-Rosendahl-headshot.jpg\" class=\"round icon\" alt=\"\" title=\"cropped-Carl-Rosendahl-headshot.jpg\">  <h6  class=\"\">Carl Rosendahl<\/h6> <p  class=\"small italic\">Faculty Instructor @ ETC<\/p><\/div> <\/div><div  class=\"col-sm-4 col-md-4\"> <div  class=\"card y-move bordered\" data-type=\"column\">  <img decoding=\"async\"  src=\"https:\/\/projects-old.etc.cmu.edu\/ditto\/wp-content\/uploads\/2020\/02\/cropped-Melanie-Lam.jpg\" class=\"round icon\" alt=\"\" title=\"cropped-Melanie-Lam.jpg\">  <h6  class=\"\">Melanie Lam<\/h6> <p  class=\"small italic\">Faculty Instructor @ ETC<\/p><\/div> <\/div><\/div> <\/div><\/div><div  id=\"team\" style=\"background-color: #ffffff;\" data-label=\"Team\" data-id=\"team-2\" data-export-id=\"team-2\" data-category=\"team\" class=\"team-2 content-section content-section-spacing\"><div  class=\"gridContainer\"> <div  class=\"row text-center\"><div  class=\"section-title-col\" data-type=\"column\"> <h2  class=\"\">This is our team.<\/h2> <\/div> <\/div> <div  class=\"row spaced-cols content-center-sm center-sm\" data-type=\"row\"> <div  class=\"col-sm-6 col-md-4 \"> <div  class=\"card y-move no-padding bordered\"> <a  data-cp-link=\"1\" href=\"#\" target=\"_self\" rel=\"noopener noreferrer\"><img decoding=\"async\"  class=\"face\" src=\"https:\/\/projects-old.etc.cmu.edu\/ditto\/wp-content\/uploads\/2020\/02\/cropped-Liam-Philiben-scaled-1.jpg\"><\/a> <div  data-type=\"column\" class=\"col-padding-small col-padding-small-xs description-container\"> <h4  class=\"font-500\">Liam Philiben&nbsp;<\/h4> <p  class=\"small\" style=\"font-style: italic;\">Producer \/ Experience Designer<\/p><p  class=\"\">Liam is a creative producer and experience designer with a background in cinema and media studies and transmedia game design whose interests lies in the intersection of film, XR, games, and experiential media. On Project Ditto, he will be working as both the producer for the project and as a game designer\/prototyper.<\/p> <div  class=\"social-icons-group\" data-type=\"group\"> <a  href=\"#\" target=\"_self\" data-reiki-hidden=\"true\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-facebook-square\"><\/i><\/a> <a  href=\"#\" target=\"_self\" data-reiki-hidden=\"true\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-twitter-square\"><\/i><\/a> <a  href=\"https:\/\/www.linkedin.com\/in\/liam-philiben-b6828416b\" target=\"_blank\" class=\"\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-linkedin-square\"><\/i><\/a> <a  href=\"https:\/\/liamphiliben.com\" target=\"_blank\" class=\"\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-external-link-square\"><\/i><\/a><\/div> <\/div><\/div> <\/div> <div  class=\"col-sm-6 col-md-4 \"> <div  class=\"card y-move no-padding bordered\"> <img decoding=\"async\"  class=\"face\" src=\"https:\/\/projects-old.etc.cmu.edu\/ditto\/wp-content\/uploads\/2020\/02\/cropped-Jue-Wang-scaled-1.jpg\" alt=\"\" title=\"cropped-Jue-Wang-scaled-1.jpg\"> <div  data-type=\"column\" class=\"col-padding-small col-padding-small-xs description-container\"> <h4  class=\"font-500\">Jue Wang<\/h4> <p  class=\"small\" style=\"font-style: italic;\">User Experience Designer<\/p> <p  class=\"\">Jue is a UI\/UX designer with a focus on interactive experiences and emerging technologies. From creative problem solving to rapid prototyping, she is passionate about creating delightful experiences in collaboration with engineers and artists.<\/p><div  class=\"social-icons-group\" data-type=\"group\"> <a  href=\"#\" target=\"_self\" data-reiki-hidden=\"true\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-facebook-square\"><\/i><\/a> <a  href=\"#\" target=\"_self\" data-reiki-hidden=\"true\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-twitter-square\"><\/i><\/a> <a  href=\"https:\/\/www.linkedin.com\/in\/juewang0823\" target=\"_blank\" class=\"\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-linkedin-square\"><\/i><\/a> <a  href=\"https:\/\/jue-wang.com\" target=\"_blank\" class=\"\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-external-link-square\"><\/i><\/a><\/div> <\/div><\/div> <\/div> <div  class=\"col-sm-6 col-md-4 \"> <div  class=\"card y-move no-padding bordered\"> <img decoding=\"async\"  class=\"face\" src=\"https:\/\/projects-old.etc.cmu.edu\/ditto\/wp-content\/uploads\/2020\/02\/cropped-Siyu-Tracy-Chen-scaled-1.jpg\" alt=\"\" title=\"cropped-Siyu-Tracy-Chen-scaled-1.jpg\"> <div  data-type=\"column\" class=\"col-padding-small col-padding-small-xs description-container\"> <h4  class=\"font-500\">Siyu (Tracy) Chen<\/h4> <p  class=\"small\" style=\"font-style: italic;\"> Technical Artist \/ 3D Artist<\/p> <p  class=\"\">Siyu is a second-year student at Carnegie Mellon University, Entertainment Technology Center. She is interested in shader development, particle systems, and tool development.<\/p><div  class=\"social-icons-group\" data-type=\"group\"> <a  href=\"#\" target=\"_self\" data-reiki-hidden=\"true\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-facebook-square\"><\/i><\/a> <a  href=\"#\" target=\"_self\" data-reiki-hidden=\"true\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-twitter-square\"><\/i><\/a> <a  href=\"#\" target=\"_self\" data-reiki-hidden=\"true\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-linkedin-square\"><\/i><\/a> <a  href=\"https:\/\/siyuchenarts.com\" target=\"_blank\" class=\"\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-external-link-square\"><\/i><\/a><\/div> <\/div><\/div> <\/div> <div  class=\"col-sm-6 col-md-4 \"> <div  class=\"card y-move no-padding bordered\"> <img decoding=\"async\"  class=\"face\" src=\"https:\/\/projects-old.etc.cmu.edu\/ditto\/wp-content\/uploads\/2020\/02\/cropped-Wenyu-Mao-scaled-1.jpg\" alt=\"\" title=\"cropped-Wenyu-Mao-scaled-1.jpg\"> <div  data-type=\"column\" class=\"col-padding-small col-padding-small-xs description-container\"> <h4  class=\"font-500\">Wenyu Mao<\/h4> <p  class=\"small\" style=\"font-style: italic;\">Game Designer \/ Programmer<\/p> <p  class=\"\">Wenyu is an interdisciplinary programmer and designer who has a great passion for both the technical and creative aspects of AR\/VR and game development. Her focus is to explore how cutting edge technologies get involved in game and experience design.<\/p><div  class=\"social-icons-group\" data-type=\"group\"> <a  href=\"#\" target=\"_self\" data-reiki-hidden=\"true\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-facebook-square\"><\/i><\/a> <a  href=\"#\" target=\"_self\" data-reiki-hidden=\"true\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-twitter-square\"><\/i><\/a> <a  href=\"https:\/\/www.linkedin.com\/in\/wenyu-mao\" target=\"_blank\" class=\"\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-linkedin-square\"><\/i><\/a> <a  href=\"https:\/\/www.wenyumao.com\" target=\"_blank\" class=\"\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-external-link-square\"><\/i><\/a><\/div> <\/div><\/div> <\/div> <div  class=\"col-sm-6 col-md-4 \"> <div  class=\"card y-move no-padding bordered\"> <img decoding=\"async\"  class=\"face\" src=\"https:\/\/projects-old.etc.cmu.edu\/ditto\/wp-content\/uploads\/2020\/02\/cropped-Liangzheng-Luo-scaled-1.jpg\" alt=\"\" title=\"cropped-Liangzheng-Luo-scaled-1.jpg\"> <div  data-type=\"column\" class=\"col-padding-small col-padding-small-xs description-container\"> <h4  class=\"font-500\">Liangzheng Luo<\/h4> <p  class=\"small\" style=\"font-style: italic;\">Game Designer \/ Programmer<\/p> <p  class=\"\">Liangzheng is an enthusiast in game design. With a design background and programming skills, he is capable of dealing with different roles in game production. Now he is trying to live a creative life and be a better human.&nbsp;<\/p><div  style=\"text-align: left;\" class=\"\"><font  color=\"#1d1c1d\" face=\"Slack-Lato, appleLogo, sans-serif\" data-preview-empty=\"1\"><\/font><\/div><div  class=\"social-icons-group\" data-type=\"group\"> <a  href=\"#\" target=\"_self\" data-reiki-hidden=\"true\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-facebook-square\"><\/i><\/a> <a  href=\"#\" target=\"_self\" data-reiki-hidden=\"true\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-twitter-square\"><\/i><\/a> <a  href=\"https:\/\/www.linkedin.com\/in\/liangzheng-luo\" target=\"_blank\" class=\"\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-linkedin-square\"><\/i><\/a> <a  href=\"https:\/\/www.liangzhengluo.com\" target=\"_blank\" class=\"\" rel=\"noopener noreferrer\"><i  class=\"gray fa icon fa-external-link-square\"><\/i><\/a><\/div> <\/div><\/div> <\/div>   <\/div> <\/div><\/div><div  id=\"contact\" data-label=\"Contact\" data-id=\"contact-1\" data-export-id=\"contact-1\" data-category=\"contact\" class=\"contact-1 content-section content-section-spacing white-text\" data-parallax-depth=\"20\"><div  class=\"gridContainer\"> <div  class=\"row text-center\"><div  class=\"section-title-col\" data-type=\"column\"> <h2  class=\"\">Contact us<\/h2> <p  class=\"lead\">Any questions or suggestions? Shoot us an email here or at etc-ditto@lists.andrew.cmu.edu.<\/p><\/div> <\/div> <div  class=\"row text-center\"> <div  class=\"col-xs-12 col-sm-8 col-sm-offset-2 contact-form-wrapper inline-info\"> <div  class=\"card large-padding\"> <div  class=\"\" data-content-shortcode=\"mesmerize_contact_form shortcode=&quot;contact-form-7 id=&amp;amp;quot;76&amp;amp;quot; title=&amp;amp;quot;Contact Ditto!&amp;amp;quot;&quot;\" data-editable=\"true\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f76-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/ditto\/index.php\/wp-json\/wp\/v2\/pages\/82#wpcf7-f76-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"76\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.9.8\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f76-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<p><label> Your Name (required)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your Email (required)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Subject<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your Message<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send\" \/>\n<\/p><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"48\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div><\/div> <\/div><\/div> <\/div><\/div><div  data-label=\"location\" data-id=\"content--2\" data-export-id=\"content-7\" data-category=\"content\" class=\"content-7 content-section content-section-spacing\" id=\"location\" style=\"background-color: rgb(245, 250, 253);\"><div  class=\"gridContainer\"> <div  class=\"row middle-sm\"><div  class=\"col-sm-6 space-bottom-xs\" data-type=\"column\"> <h2  class=\"\">We are Here.<\/h2> <p  class=\"\">209 Redwood Shores Pkwy\n<br >Redwood City, California, 94065\n<br ><br >\netc-ditto@lists.andrew.cmu.edu<\/p> <\/div> <div  class=\"col-sm-6\" data-type=\"column\"> <img decoding=\"async\"  class=\"shadow-large\" src=\"https:\/\/projects-old.etc.cmu.edu\/ditto\/wp-content\/uploads\/2020\/02\/cropped-location.png\" alt=\"\" title=\"cropped-location.png\"><\/div> <\/div><\/div> <\/div>","protected":false},"excerpt":{"rendered":"<p>We are Team Ditto.We are five creative minds from the Entertainment Technology Center at Carnegie Mellon University,&nbsp;who are designing a game that takes full advantage of Google Stadia\u2019s State Share feature. We are working with Google Stadia! Throughout the semester, we will be building and testing prototypes that will try to centralize the state share&hellip; <br \/> <a class=\"read-more\" href=\"https:\/\/projects-old.etc.cmu.edu\/ditto\/\">Read more<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/homepage.php","meta":{"footnotes":""},"class_list":["post-82","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/ditto\/index.php\/wp-json\/wp\/v2\/pages\/82"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/ditto\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/ditto\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/ditto\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/ditto\/index.php\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":43,"href":"https:\/\/projects-old.etc.cmu.edu\/ditto\/index.php\/wp-json\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":310,"href":"https:\/\/projects-old.etc.cmu.edu\/ditto\/index.php\/wp-json\/wp\/v2\/pages\/82\/revisions\/310"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/ditto\/index.php\/wp-json\/wp\/v2\/media?parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}