{"id":4852,"date":"2023-03-28T16:53:37","date_gmt":"2023-03-28T20:53:37","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/?p=4852"},"modified":"2023-03-28T16:53:40","modified_gmt":"2023-03-28T20:53:40","slug":"ar-devlog","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/2023\/03\/28\/ar-devlog\/","title":{"rendered":"AR DevLog"},"content":{"rendered":"\n<p>Environment 3D Model Story<\/p>\n\n\n\n<p> <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/carproject-1-1024x768.png\" alt=\"\" class=\"wp-image-4858\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/carproject-1-1024x768.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/carproject-1-300x225.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/carproject-1-768x576.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/carproject-1-1536x1152.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/carproject-1-1568x1176.png 1568w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/carproject-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I started by creating the models in Blender. The story I&#8217;m trying to tell is simple. A car crash due to a tree in the road. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"842\" height=\"596\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/ford-anglia.png\" alt=\"\" class=\"wp-image-4859\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/ford-anglia.png 842w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/ford-anglia-300x212.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/ford-anglia-768x544.png 768w\" sizes=\"auto, (max-width: 842px) 100vw, 842px\" \/><figcaption class=\"wp-element-caption\">I used references to create the vehicle scene. The only futuristic touch is the wheels.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/trees-1024x578.png\" alt=\"\" class=\"wp-image-4860\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/trees-1024x578.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/trees-300x169.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/trees-768x433.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/trees-1536x866.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/trees-1568x884.png 1568w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/trees.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The tree models were created with the cylinder mesh, the dead tree was created using vectors by merging a plane mesh to its center to draw out the look of the tree, once I had the look I wanted for the dead tree I finished it by applying the skin modifier to it and adjust the amount. <\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"581\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/modelviewer--1024x581.png\" alt=\"\" class=\"wp-image-4861\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/modelviewer--1024x581.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/modelviewer--300x170.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/modelviewer--768x435.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/modelviewer--1536x871.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/modelviewer--1568x889.png 1568w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/modelviewer-.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">This is the result as seen in the model viewer. I had problems with the normals and exporting any modifiers in my models. This last tip is for anyone<br> looking to get the correct export for your AR result. <\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"791\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/export-options-1024x791.png\" alt=\"\" class=\"wp-image-4862\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/export-options-1024x791.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/export-options-300x232.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/export-options-768x593.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/export-options-1536x1186.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/export-options-2048x1581.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/export-options-1568x1211.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Format: glTF Binary, including selected objects ( make sure to select all the models ), and in Geometry include Normals.<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"473\" height=\"1024\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/ar-view-mea300-473x1024.jpg\" alt=\"\" class=\"wp-image-4863\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/ar-view-mea300-473x1024.jpg 473w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/ar-view-mea300-138x300.jpg 138w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/ar-view-mea300-768x1664.jpg 768w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/ar-view-mea300-709x1536.jpg 709w, https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-content\/uploads\/sites\/2911\/2023\/03\/ar-view-mea300.jpg 945w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/><figcaption class=\"wp-element-caption\">This is the current final result. The model works, all the models and scenes are set as created. However current version has the issue where the normals for the vehicle are inside out. Therefore the car model appears outside but if you look inside the vehicle you can see the black windows.  <\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Environment 3D Model Story I started by creating the models in Blender. The story I&#8217;m trying to tell is simple. A car crash due to a tree in the road.<\/p>\n","protected":false},"author":5992,"featured_media":4858,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[140],"tags":[],"coauthors":[138],"class_list":["post-4852","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-weekly-dev-log","entry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-json\/wp\/v2\/posts\/4852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-json\/wp\/v2\/users\/5992"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-json\/wp\/v2\/comments?post=4852"}],"version-history":[{"count":3,"href":"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-json\/wp\/v2\/posts\/4852\/revisions"}],"predecessor-version":[{"id":4865,"href":"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-json\/wp\/v2\/posts\/4852\/revisions\/4865"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-json\/wp\/v2\/media\/4858"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-json\/wp\/v2\/media?parent=4852"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-json\/wp\/v2\/categories?post=4852"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-json\/wp\/v2\/tags?post=4852"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mea-300-spring-2023\/wp-json\/wp\/v2\/coauthors?post=4852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}