{"id":363,"date":"2025-02-28T17:00:00","date_gmt":"2025-02-28T17:00:00","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/towards\/?p=363"},"modified":"2025-04-18T21:55:49","modified_gmt":"2025-04-18T21:55:49","slug":"week07","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/towards\/week07\/","title":{"rendered":"Week 7 &#8211; February 28"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Halves Presentation<\/li>\n\n\n\n<li>Design Progress<\/li>\n\n\n\n<li>Playtest Night<\/li>\n\n\n\n<li>Tree-Chopping Mechanic<\/li>\n\n\n\n<li>Art &amp; UI Assets<\/li>\n\n\n\n<li>Challenges<\/li>\n\n\n\n<li>Next Week&#8217;s Goals<\/li>\n<\/ul>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Halves Presentation<\/h2>\n\n\n\n<p>On Friday, we had our Halves presentation, linked below (we were the first group of the day):<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"ETC Pittsburgh Projects, Spring 2025, Halves Presentations - Day 3\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/sSdH6JrSYcg?start=192&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Design Progress<\/h2>\n\n\n\n<p>The design that we decided to pursue has three chapters:<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>First, the player begins in a dense forest where they have to cut trees to clear a path, reminiscent of the earliest phases of the National Road, when people who were given land out west contributed to building the road in order to reach their properties. The main mechanic is chopping down trees so that the player and their horse can make it through. The reward for achieving the goal is witnessing the formation of a town along the National Road that the player will continue to foster the development of.<\/li>\n\n\n\n<li>After reaching chapter 2, which is the core part of the experience, players become the keeper of a toll house. This phase reflects the point in history at which the road has been mostly constructed and there is frequent commerce and traffic. Their primary goal is to collect tolls to raise money for road maintenance and further development. They can see life-sized animals and wagons passing by and interact with them in the AR view.<\/li>\n\n\n\n<li>Eventually, the player is rewarded for their work as the toll house keeper with reaching the final stage of the experience, which is the developed town. They will be able to walk around and have an immersive experience in the 19th century, with more characters and animals moving around that can be interacted with and will teach the player about the stories of the time. The overall experience design was created to emphasize elements that require walking around and looking without extremely complicated mechanics, since this is what AR is best suited for.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"280\" src=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-6-1024x280.png\" alt=\"\" class=\"wp-image-692\" style=\"width:1200px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-6-1024x280.png 1024w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-6-300x82.png 300w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-6-768x210.png 768w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-6-1536x420.png 1536w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-6.png 1984w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>For the Halves demo video, we implemented a sample game loop where the player must clear enough trees in front of their horse to create a path, and they succeed when the horse crosses the entire area:<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<center><iframe loading=\"lazy\" src=\"https:\/\/drive.google.com\/file\/d\/1PtskOO3M43b5J3gaTftrB0jBGObwlIyO\/preview\" width=\"1200\" height=\"540\" allow=\"autoplay\"><\/iframe><\/center>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Playtest Night<\/h2>\n\n\n\n<p>In preparation for the Halves presentation, we tested an updated build earlier this week to get more feedback on how the tree-chopping interaction felt. Compared to what we had last week, the additional particle effects and sound effects were a great addition, and players enjoyed using the tap interaction (with the axe) to chop down trees. The swiping interaction needs more polish.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Also, players wanted a clear, larger goal for the game. Right now, with only the scene for chopping trees, it felt like there were too many trees that required too much effort to chop, and they did not want to play for an extended amount of time.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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=\"1024\" height=\"768\" data-id=\"707\" src=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/IMG_6714-1024x768.jpg\" alt=\"\" class=\"wp-image-707\" srcset=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/IMG_6714-1024x768.jpg 1024w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/IMG_6714-300x225.jpg 300w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/IMG_6714-768x576.jpg 768w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/IMG_6714-1536x1152.jpg 1536w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/IMG_6714-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" data-id=\"706\" src=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/IMG_6732-1024x576.jpg\" alt=\"\" class=\"wp-image-706\" srcset=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/IMG_6732-1024x576.jpg 1024w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/IMG_6732-300x169.jpg 300w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/IMG_6732-768x432.jpg 768w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/IMG_6732-1536x864.jpg 1536w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/IMG_6732-2048x1152.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Tree-Chopping Mechanic<\/h2>\n\n\n\n<p>Here is an up-close look at the updated tree chopping interactions and the added particle effects:<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"426\" height=\"240\" src=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/axe_1-1.gif\" alt=\"\" class=\"wp-image-552\" style=\"width:767px;height:auto\"\/><figcaption class=\"wp-element-caption\">Chopping Tree Interaction: Tap for Axe<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"240\" height=\"534\" src=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/axe_2-1.gif\" alt=\"\" class=\"wp-image-553\" style=\"width:195px;height:auto\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"426\" height=\"240\" src=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/saw_1.gif\" alt=\"\" class=\"wp-image-554\" style=\"width:767px;height:auto\"\/><figcaption class=\"wp-element-caption\">Chopping Tree Interaction: Swipe for Saw<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"240\" height=\"534\" src=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/saw_2.gif\" alt=\"\" class=\"wp-image-555\" style=\"width:194px;height:auto\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Art &amp; UI Assets<\/h2>\n\n\n\n<p>From our previous prototypes, we had seen that trying to render the dirt road using a material on the ground meshes generated by Niantic\u2019s spatial platform resulted in a very choppy and broken-looking ground, which looked more like broken wood than dirt. This week, we created a new dirt material that we could render onto a flat plane, which we could position onto the ground based on the positions of the (now invisible) semantic layer meshes. This new material uses a position-based shader to generate depth and a textured appearance.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"546\" height=\"302\" data-id=\"700\" src=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/Screenshot-2025-04-18-150158.png\" alt=\"\" class=\"wp-image-700\" srcset=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/Screenshot-2025-04-18-150158.png 546w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/Screenshot-2025-04-18-150158-300x166.png 300w\" sizes=\"auto, (max-width: 546px) 100vw, 546px\" \/><figcaption class=\"wp-element-caption\">Original dirt texture on rendered meshes (looked broken and unrealistic)<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"546\" height=\"305\" data-id=\"699\" src=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/Screenshot-2025-04-18-150206.png\" alt=\"\" class=\"wp-image-699\" srcset=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/Screenshot-2025-04-18-150206.png 546w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/Screenshot-2025-04-18-150206-300x168.png 300w\" sizes=\"auto, (max-width: 546px) 100vw, 546px\" \/><figcaption class=\"wp-element-caption\">Updated dirt material on a flat surface that uses a shader to add depth and texture<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>We now also have models and textures for the tools needed to chop the trees.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"322\" src=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-7-1024x322.png\" alt=\"\" class=\"wp-image-694\" style=\"width:1200px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-7-1024x322.png 1024w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-7-300x94.png 300w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-7-768x242.png 768w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-7.png 1036w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Models and textures for the tools used to chop down trees<\/figcaption><\/figure>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>For the UI, we have created a draft introductory panel based on an old newspaper, as well as gesture prompts showing how to chop trees. The gesture prompts were drawn with work gloves on as to not be exclusionary of any race of gender.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"558\" src=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-8-1024x558.png\" alt=\"\" class=\"wp-image-704\" style=\"width:1184px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-8-1024x558.png 1024w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-8-300x163.png 300w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-8-768x418.png 768w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-8-1536x837.png 1536w, https:\/\/projects.etc.cmu.edu\/towards\/wp-content\/uploads\/2025\/02\/image-8-2048x1116.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">UI Prototypes for Halves<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Challenges<\/h2>\n\n\n\n<p>The challenges for this week were largely just putting together a coherent demo and presentation that effectively showed our efforts up until this point in the semester and that incorporated everyone\u2019s work. As it\u2019s still winter, we also had to work around the weather quite a bit this week when testing and recording demos.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Next Week&#8217;s Goals<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Process feedback from Halves presentation and determine goals for the rest of the second half of the semester accordingly<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview Halves Presentation On Friday, we had our Halves presentation, linked below (we were the first group of the day): Design Progress The design that we decided to pursue has three chapters: For the Halves demo video, we implemented a sample game loop where the player must clear enough trees in front of their horse [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-363","post","type-post","status-publish","format-standard","hentry","category-dev-blogs"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/towards\/wp-json\/wp\/v2\/posts\/363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/towards\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/towards\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/towards\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/towards\/wp-json\/wp\/v2\/comments?post=363"}],"version-history":[{"count":22,"href":"https:\/\/projects.etc.cmu.edu\/towards\/wp-json\/wp\/v2\/posts\/363\/revisions"}],"predecessor-version":[{"id":900,"href":"https:\/\/projects.etc.cmu.edu\/towards\/wp-json\/wp\/v2\/posts\/363\/revisions\/900"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/towards\/wp-json\/wp\/v2\/media?parent=363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/towards\/wp-json\/wp\/v2\/categories?post=363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/towards\/wp-json\/wp\/v2\/tags?post=363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}