{"id":101,"date":"2024-03-10T02:29:17","date_gmt":"2024-03-10T02:29:17","guid":{"rendered":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/?p=101"},"modified":"2024-03-10T02:29:17","modified_gmt":"2024-03-10T02:29:17","slug":"alanas-status-report-for-3-9-24","status":"publish","type":"post","link":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/2024\/03\/10\/alanas-status-report-for-3-9-24\/","title":{"rendered":"Alana\u2019s Status Report for 3\/9\/24"},"content":{"rendered":"<h3><b>Personal<\/b><strong>\u00a0Accomplishments:<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">I was able to get the web application to build a functional 3D plane that can generate 3D objects, can view models at multiple angles, and has a menu that allows them to change the position of the object. While the visual results are interesting, I think the more valuable progress was bettering my understanding of how to work with Three.js. As I was implementing these features, I came across a library known as React Three Fiber, an open source library that makes Three.js easier to implement with React. Finding this library made coding the 3D space much easier as a lot of the functionality was turned into premade React components. This will help me spend more time implementing and less time trying to figure out how to get Three.js to work harmoniously with React.<\/span><\/p>\n<p>Moving an object in 3D space:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-99\" src=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-1-300x121.png\" alt=\"\" width=\"300\" height=\"121\" srcset=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-1-300x121.png 300w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-1-768x311.png 768w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-1-1024x415.png 1024w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-1.png 1366w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-102\" src=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-2-300x121.png\" alt=\"\" width=\"300\" height=\"121\" srcset=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-2-300x121.png 300w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-2-768x310.png 768w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-2-1024x413.png 1024w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-2.png 1366w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-103\" src=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-3-300x121.png\" alt=\"\" width=\"300\" height=\"121\" srcset=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-3-300x121.png 300w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-3-768x311.png 768w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-3-1024x415.png 1024w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-3.png 1366w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Viewing the object at multiple angles:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-104\" src=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-4-300x122.png\" alt=\"\" width=\"300\" height=\"122\" srcset=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-4-300x122.png 300w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-4-768x311.png 768w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-4-1024x415.png 1024w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-4.png 1366w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-105\" src=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-5-300x121.png\" alt=\"\" width=\"300\" height=\"121\" srcset=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-5-300x121.png 300w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-5-768x310.png 768w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-5-1024x414.png 1024w, http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-content\/uploads\/sites\/286\/2024\/03\/TailorBot-3d-app-5.png 1366w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h3><strong>Progress:<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">I am currently on schedule as I had hoped to have the prototype of the web application done by now and with the 3D functionality being implemented I am happy with the progress made so far. From here, I\u2019ll start refining the web application as I integrate it to work with the other parts of the project, like getting the lidar data or interacting with the scissor lift.<\/span><\/p>\n<p><b>Schedule<\/b><strong>\u00a0Status:<\/strong> On time.<\/p>\n<h3><b>Next Week&#8217;s Deliverables:<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Now that I have a better understanding of Three.js, I want to start building a system to have it incorporate data from the LiDAR system in real time. I want to see how far I can get with a web app getting models from PyVista and allowing the user to play with them a bit. For the bare minimum, I want to try getting the room scan uploaded into the 3D space.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Personal\u00a0Accomplishments: I was able to get the web application to build a functional 3D plane that can generate 3D objects, can view models at multiple angles, and has a menu that allows them to change the position of the object. While the visual results are interesting, I think the more valuable progress was bettering my &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/2024\/03\/10\/alanas-status-report-for-3-9-24\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Alana\u2019s Status Report for 3\/9\/24&#8221;<\/span><\/a><\/p>\n","protected":false},"author":840,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[2],"_links":{"self":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-json\/wp\/v2\/posts\/101"}],"collection":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-json\/wp\/v2\/users\/840"}],"replies":[{"embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":1,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-json\/wp\/v2\/posts\/101\/revisions"}],"predecessor-version":[{"id":106,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-json\/wp\/v2\/posts\/101\/revisions\/106"}],"wp:attachment":[{"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-json\/wp\/v2\/media?parent=101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-json\/wp\/v2\/categories?post=101"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/course.ece.cmu.edu\/~ece500\/projects\/s24-teamc2\/wp-json\/wp\/v2\/tags?post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}