{"id":4830,"date":"2024-03-25T13:07:35","date_gmt":"2024-03-25T13:07:35","guid":{"rendered":"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/"},"modified":"2024-03-25T13:07:35","modified_gmt":"2024-03-25T13:07:35","slug":"navigation-surfaces","status":"publish","type":"page","link":"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/","title":{"rendered":"Navigation Surfaces"},"content":{"rendered":"<html><head><meta content=\"text\/html; charset=UTF-8\" http-equiv=\"content-type\"><style type=\"text\/css\">@import url(https:\/\/themes.googleusercontent.com\/fonts\/css?kit=lhDjYqiy3mZ0x6ROQEUoUw);ol{margin:0;padding:0}table td,table th{padding:0}.c13{border-right-style:solid;padding:5pt 5pt 5pt 5pt;border-bottom-color:#000000;border-top-width:0pt;border-right-width:0pt;border-left-color:#000000;vertical-align:top;border-right-color:#000000;border-left-width:0pt;border-top-style:solid;background-color:#f0f0f0;border-left-style:solid;border-bottom-width:0pt;width:468pt;border-top-color:#000000;border-bottom-style:solid}.c10{border-right-style:solid;padding:5pt 5pt 5pt 5pt;border-bottom-color:#000000;border-top-width:0pt;border-right-width:0pt;border-left-color:#000000;vertical-align:top;border-right-color:#000000;border-left-width:0pt;border-top-style:solid;background-color:#282a36;border-left-style:solid;border-bottom-width:0pt;width:468pt;border-top-color:#000000;border-bottom-style:solid}.c11{padding-top:16pt;padding-bottom:4pt;line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}.c5{color:#434343;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:14pt;font-family:\"Arial\";font-style:normal}.c3{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:\"Arial\";font-style:normal}.c1{padding-top:0pt;padding-bottom:0pt;line-height:1.15;orphans:2;widows:2;text-align:left}.c14{text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;color:#1155cc;text-decoration:underline}.c4{background-color:#f0f0f0;font-family:\"Consolas\";color:#78a960;font-weight:400}.c7{background-color:#282a36;font-family:\"Consolas\";color:#f1fa8c;font-weight:400}.c0{background-color:#f0f0f0;font-family:\"Consolas\";color:#444444;font-weight:400}.c8{background-color:#282a36;font-family:\"Consolas\";color:#f8f8f2;font-weight:400}.c15{border-spacing:0;border-collapse:collapse;margin-right:auto}.c2{background-color:#f0f0f0;font-family:\"Consolas\";color:#880000;font-weight:400}.c17{padding-top:0pt;padding-bottom:0pt;line-height:1.15;text-align:left}.c16{background-color:#ffffff;}.c6{color:inherit;text-decoration:inherit}.c9{height:11pt}.c18{height:0pt}.c12{font-weight:700}.title{padding-top:0pt;color:#000000;font-size:26pt;padding-bottom:3pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}.subtitle{padding-top:0pt;color:#666666;font-size:15pt;padding-bottom:16pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}li{color:#000000;font-size:11pt;font-family:\"Arial\"}p{margin:0;color:#000000;font-size:11pt;font-family:\"Arial\"}h1{padding-top:20pt;color:#000000;font-size:20pt;padding-bottom:6pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h2{padding-top:18pt;color:#000000;font-size:16pt;padding-bottom:6pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h3{padding-top:16pt;color:#434343;font-size:14pt;padding-bottom:4pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h4{padding-top:14pt;color:#666666;font-size:12pt;padding-bottom:4pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h5{padding-top:12pt;color:#666666;font-size:11pt;padding-bottom:4pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h6{padding-top:12pt;color:#666666;font-size:11pt;padding-bottom:4pt;font-family:\"Arial\";line-height:1.15;page-break-after:avoid;font-style:italic;orphans:2;widows:2;text-align:left}<\/style><\/head><body class=\"c16 doc-content\"><p class=\"c1\"><span class=\"c3\">A navigation surface (sometimes called NavMesh Surfaces) can limit which surfaces (within the 3d model) the avatar is allowed to teleport or walk to.<\/span><\/p><h3 class=\"c11\" id=\"hvhggsuep3qqu\"><span class=\"c5\">navigationSurfaces <\/span><\/h3><p class=\"c1\"><span>Sometimes environments are complex and have many surfaces the user can walk to or teleport to. We can limit which surfaces (within the 3d model) the avatar is allowed to teleport or walk to by using the property <\/span><span class=\"c12\">navigationSurfaces<\/span><span>&nbsp;in the <\/span><span class=\"c12\">metadata<\/span><span class=\"c3\">&nbsp;field.<\/span><\/p><p class=\"c1 c9\"><span class=\"c3\"><\/span><\/p><p class=\"c1\"><span>For example, for the Exhibition Hall model (<\/span><span class=\"c14\"><a class=\"c6\" href=\"https:\/\/cache.learnbrite.com\/_assets_\/models\/learnbrite_exhibition_hall_v2\/exhibitionhall.gltf\">https:\/\/cache.learnbrite.com\/_assets_\/models\/learnbrite_exhibition_hall_v2\/exhibitionhall.gltf<\/a><\/span><span class=\"c3\">)<\/span><\/p><p class=\"c1\"><span class=\"c3\">The value for the metadata property is:<\/span><\/p><a id=\"t.06fbaa2f5fccb5e76c1657be60bcb1870c266fbd\"><\/a><a id=\"t.0\"><\/a><table class=\"c15\"><tr class=\"c18\"><td class=\"c10\" colspan=\"1\" rowspan=\"1\"><p class=\"c17\"><span class=\"c8\">{&quot;navigationSurfaces&quot;:[<\/span><span class=\"c7\">&quot;floor_1&quot;<\/span><span class=\"c8\">, <\/span><span class=\"c7\">&quot;floor_2&quot;<\/span><span class=\"c8\">]}<\/span><\/p><\/td><\/tr><\/table><p class=\"c1 c9\"><span class=\"c3\"><\/span><\/p><p class=\"c1\"><span>Note: This is only possible if the environment has individual <\/span><span class=\"c12\">meshes<\/span><span class=\"c3\">&nbsp;for the inner parts, like floor, ceiling, walls, etc.<\/span><\/p><p class=\"c1 c9\"><span class=\"c3\"><\/span><\/p><p class=\"c1\"><span class=\"c3\">Example of making materials transparent and having a navigationSurfaces<\/span><\/p><a id=\"t.c3d87fea378aa2579864d2991b9ce2e973feba6a\"><\/a><a id=\"t.1\"><\/a><table class=\"c15\"><tr class=\"c18\"><td class=\"c13\" colspan=\"1\" rowspan=\"1\"><p class=\"c17\"><span class=\"c0\">{<br> &nbsp;<\/span><span class=\"c2\">&quot;materialPropertiesOverrides&quot;<\/span><span class=\"c0\">: [<br> &nbsp; &nbsp;{<br> &nbsp; &nbsp; &nbsp;<\/span><span class=\"c2\">&quot;materialNames&quot;<\/span><span class=\"c0\">: [<br> &nbsp; &nbsp; &nbsp; &nbsp;<\/span><span class=\"c2\">&quot;Glass_roof&quot;<\/span><span class=\"c0\">,<br> &nbsp; &nbsp; &nbsp; &nbsp;<\/span><span class=\"c2\">&quot;glasswall&quot;<\/span><span class=\"c0\">,<br> &nbsp; &nbsp; &nbsp; &nbsp;<\/span><span class=\"c2\">&quot;glassRoof&quot;<\/span><span class=\"c0\"><br> &nbsp; &nbsp; &nbsp;],<br> &nbsp; &nbsp; &nbsp;<\/span><span class=\"c2\">&quot;overrides&quot;<\/span><span class=\"c0\">: {<br> &nbsp; &nbsp; &nbsp; &nbsp;<\/span><span class=\"c2\">&quot;transparent&quot;<\/span><span class=\"c0\">: <\/span><span class=\"c4\">true<\/span><span class=\"c0\">,<br> &nbsp; &nbsp; &nbsp; &nbsp;<\/span><span class=\"c2\">&quot;opacity&quot;<\/span><span class=\"c0\">: <\/span><span class=\"c2\">0<\/span><span class=\"c0\"><br> &nbsp; &nbsp; &nbsp;}<br> &nbsp; &nbsp;},<br> &nbsp; &nbsp;{<br> &nbsp; &nbsp; &nbsp;<\/span><span class=\"c2\">&quot;materialNames&quot;<\/span><span class=\"c0\">: [<br> &nbsp; &nbsp; &nbsp; &nbsp;<\/span><span class=\"c2\">&quot; Metal white&quot;<\/span><span class=\"c0\"><br> &nbsp; &nbsp; &nbsp;],<br> &nbsp; &nbsp; &nbsp;<\/span><span class=\"c2\">&quot;overrides&quot;<\/span><span class=\"c0\">: {<br> &nbsp; &nbsp; &nbsp; &nbsp;<\/span><span class=\"c2\">&quot;roughness&quot;<\/span><span class=\"c0\">: <\/span><span class=\"c2\">0.8<\/span><span class=\"c0\">,<br> &nbsp; &nbsp; &nbsp; &nbsp;<\/span><span class=\"c2\">&quot;metalness&quot;<\/span><span class=\"c0\">: <\/span><span class=\"c2\">0.3<\/span><span class=\"c0\">,<br> &nbsp; &nbsp; &nbsp; &nbsp;<\/span><span class=\"c2\">&quot;autoEnvMap&quot;<\/span><span class=\"c0\">: <\/span><span class=\"c4\">true<\/span><span class=\"c0\"><br> &nbsp; &nbsp; &nbsp;}<br> &nbsp; &nbsp;}<br> &nbsp;],<br> &nbsp;<\/span><span class=\"c2\">&quot;navigationSurfaces&quot;<\/span><span class=\"c0\">: [<br> &nbsp; &nbsp;<\/span><span class=\"c2\">&quot;floor_1&quot;<\/span><span class=\"c0\">,<br> &nbsp; &nbsp;<\/span><span class=\"c2\">&quot;floor_2&quot;<\/span><span class=\"c0\"><br> &nbsp;]<br>}<\/span><\/p><\/td><\/tr><\/table><p class=\"c1 c9\"><span class=\"c3\"><\/span><\/p><p class=\"c1 c9\"><span class=\"c3\"><\/span><\/p><\/body><\/html>","protected":false},"excerpt":{"rendered":"A navigation surface (sometimes called NavMesh Surfaces) can limit which surfaces (within the 3d model) the avatar is allowed to teleport or walk to.navigationSurfaces Sometimes environments are complex and have many surfaces the user can walk to or teleport to. We can limit which surfaces (within the 3d model) the avatar is allowed to teleport [&hellip;]","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-4830","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Navigation Surfaces<\/title>\n<meta name=\"description\" content=\"Navigation Surfaces\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Navigation Surfaces\" \/>\n<meta property=\"og:description\" content=\"Navigation Surfaces\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/\" \/>\n<meta property=\"og:site_name\" content=\"Metaverse Academy\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/\",\"url\":\"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/\",\"name\":\"Navigation Surfaces\",\"isPartOf\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/#website\"},\"datePublished\":\"2024-03-25T13:07:35+00:00\",\"description\":\"Navigation Surfaces\",\"breadcrumb\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hyperspace.mv\/academy\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Navigation Surfaces\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/#website\",\"url\":\"https:\/\/hyperspace.mv\/academy\/\",\"name\":\"Metaverse Academy\",\"description\":\"Learn to build WebXR metaverse experiences for 3D, 360, VR\/AR\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hyperspace.mv\/academy\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Navigation Surfaces","description":"Navigation Surfaces","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/","og_locale":"en_US","og_type":"article","og_title":"Navigation Surfaces","og_description":"Navigation Surfaces","og_url":"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/","og_site_name":"Metaverse Academy","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/","url":"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/","name":"Navigation Surfaces","isPartOf":{"@id":"https:\/\/hyperspace.mv\/academy\/#website"},"datePublished":"2024-03-25T13:07:35+00:00","description":"Navigation Surfaces","breadcrumb":{"@id":"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hyperspace.mv\/academy\/navigation-surfaces\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hyperspace.mv\/academy\/"},{"@type":"ListItem","position":2,"name":"Navigation Surfaces"}]},{"@type":"WebSite","@id":"https:\/\/hyperspace.mv\/academy\/#website","url":"https:\/\/hyperspace.mv\/academy\/","name":"Metaverse Academy","description":"Learn to build WebXR metaverse experiences for 3D, 360, VR\/AR","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hyperspace.mv\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/4830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/comments?post=4830"}],"version-history":[{"count":0,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/4830\/revisions"}],"wp:attachment":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/media?parent=4830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}