{"id":365,"date":"2025-10-03T17:00:00","date_gmt":"2025-10-03T17:00:00","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/bytemx\/?p=365"},"modified":"2025-12-02T17:42:24","modified_gmt":"2025-12-02T17:42:24","slug":"week-6","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/bytemx\/week-6\/","title":{"rendered":"Week 6"},"content":{"rendered":"\n<p>With the semester in full gear and the halfway point on the horizon, we pulled together a playable prototype for both the regularly scheduled Playtesting Night on main campus and a playtest session with our clients and the students at the Ruach Bicycle Club on Friday.<\/p>\n\n\n\n<p>To properly test the drag-and-drop building features, we created a preliminary interface design with separate tabs for track pieces and other pieces for the area surrounding the pump track. We also created a user flow for entering the build mode and how the user would switch between designing and testing.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-8-1024x576.png\" alt=\"\" class=\"wp-image-584\" style=\"width:550px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-8-1024x576.png 1024w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-8-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-8-768x432.png 768w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-8-1536x864.png 1536w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-8-1170x658.png 1170w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-8.png 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img decoding=\"async\" width=\"1768\" height=\"994\" src=\"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/12\/image-9-edited.png\" alt=\"\" class=\"wp-image-586\" style=\"width:552px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/12\/image-9-edited.png 1768w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/12\/image-9-edited-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/12\/image-9-edited-1024x576.png 1024w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/12\/image-9-edited-768x432.png 768w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/12\/image-9-edited-1536x864.png 1536w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/12\/image-9-edited-1170x658.png 1170w\" sizes=\"(max-width: 1768px) 100vw, 1768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img decoding=\"async\" width=\"989\" height=\"1024\" src=\"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-13-989x1024.png\" alt=\"\" class=\"wp-image-591\" style=\"width:353px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-13-989x1024.png 989w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-13-290x300.png 290w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-13-768x795.png 768w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-13-1170x1211.png 1170w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-13.png 1474w\" sizes=\"(max-width: 989px) 100vw, 989px\" \/><\/figure>\n\n\n\n<p>On the programming side, we implemented this initial UI with placeholder buttons, so that dragging a piece from the UI into the world instantly spawns an object that can be placed down or attached to another track piece. We added highlighting in an outline around the piece so that a piece could be selected without the user needing to hold down on the mouse.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-26-1024x467.png\" alt=\"\" class=\"wp-image-612\" srcset=\"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-26-1024x467.png 1024w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-26-300x137.png 300w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-26-768x350.png 768w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-26-1170x534.png 1170w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-26.png 1364w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We also implemented key features this week, including the ability to save built tracks into a file and load them in, as well as the mode switching between building and riding. With that, we were ready to playtest!<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"732\" height=\"544\" data-id=\"614\" src=\"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-27.png\" alt=\"\" class=\"wp-image-614\" srcset=\"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-27.png 732w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-27-300x223.png 300w\" sizes=\"(max-width: 732px) 100vw, 732px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"616\" src=\"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-29-1024x768.png\" alt=\"\" class=\"wp-image-616\" srcset=\"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-29-1024x768.png 1024w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-29-300x225.png 300w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-29-768x576.png 768w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-29-1536x1152.png 1536w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-29-1170x878.png 1170w, https:\/\/projects.etc.cmu.edu\/bytemx\/wp-content\/uploads\/2025\/10\/image-29.png 1732w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>With the semester in full gear and the halfway point on the horizon, we pulled together a playable prototype for both the regularly scheduled Playtesting Night on main campus and a playtest session with our clients and the students at the Ruach Bicycle Club on Friday. To properly test the drag-and-drop building features, we created [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":566,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-365","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"gutentor_comment":0,"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-json\/wp\/v2\/posts\/365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-json\/wp\/v2\/comments?post=365"}],"version-history":[{"count":5,"href":"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-json\/wp\/v2\/posts\/365\/revisions"}],"predecessor-version":[{"id":617,"href":"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-json\/wp\/v2\/posts\/365\/revisions\/617"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-json\/wp\/v2\/media\/566"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-json\/wp\/v2\/media?parent=365"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-json\/wp\/v2\/categories?post=365"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/bytemx\/wp-json\/wp\/v2\/tags?post=365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}