{"id":2524,"date":"2019-08-21T10:28:40","date_gmt":"2019-08-21T10:28:40","guid":{"rendered":"https:\/\/learnbrite.com\/academy\/building-from-a-blank-template\/"},"modified":"2024-06-18T00:42:45","modified_gmt":"2024-06-18T00:42:45","slug":"building-from-a-blank-template","status":"publish","type":"page","link":"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/","title":{"rendered":"Building from a Blank Template"},"content":{"rendered":"<html><head><meta content=\"text\/html; charset=UTF-8\" http-equiv=\"content-type\"><style type=\"text\/css\">ol{margin:0;padding:0}table td,table th{padding:0}.c4{padding-top:18pt;padding-bottom:6pt;line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}.c3{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:16pt;font-family:\"Arial\";font-style:normal}.c0{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}.c5{background-color:#ffffff;}.c2{height:11pt}.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=\"c5 doc-content\"><div><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><\/div><p class=\"c1\"><span class=\"c0\">Scenario includes a template called Blank. <\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">This is an excellent template to use if you want to build your own scene using an external 3d model say from Remix3D, Google Poly, Sketchup or Sketchfab.<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">The Blank template includes a 360 background and an invisible floor plane.<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">In the dashboard Create a new space<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Choose the Blank template<\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 328.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/crPhCc9wwuy3meyrc9nFE6Qz6e29KSE7LJipPd8--fpu2w1ltLuG8nVAIwlaRtFqGQuXksE2lCmhdCsPf8bODyVAdwjd-Ngta6EBJhjCldgW-OMFHE97yA_UfXezLxmnyvFftloTTP2DGl4\" style=\"width: 624.00px; height: 328.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Click [Create Space]<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 332.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/MxdPwhsrP0xPGNWvcEdtsnGXcdO4xrgJ_7B3AY9SvSuB4UhsBXeMQxvAWsuitfZ-ijFnhDlj262rurBXONiZBXOkM81Wy2L2a6PrloA8olRAAXzlzGeOIR9dq1tYSFmN1FpN6NMFd-NynMQ\" style=\"width: 624.00px; height: 332.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Click on the Space to launch it<\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 332.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/90ZM5A888RPUcCmBiiGmG370Es-N7RDSY920eRAwE1hsu3cjhEwVhS8JZacdYTpZEYkZz2JAPawbW3PuEumrkLYwMDcQTTrd1T5EzUcfJ1LlAlM1Xgwc-rEr52EY751QrVeAPUYYdTo5aYg\" style=\"width: 624.00px; height: 332.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 332.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/KX_W11H7_ul3Zc2cQaCQteWZ_kE7AKzjJ0t1jtb3GipuyD_xxWeReh7gF8so5F2fiVb07LKmDEsHRlliDvYmbtreCkvRKlNTGxbTzOLn3s_A4Amev446wCJTWxwH69srkLQNoQSegRDMZEg\" style=\"width: 624.00px; height: 332.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">The default blank scene contains a 360 panorama background and an invisible floor upon which you can move the actors or place items<\/span><\/p><p class=\"c1\"><span class=\"c0\">Let&rsquo;s add a warehouse object to the scene.<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Click the Pencil+ menu and choose Add content<\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 296.00px; height: 570.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/pIXsOEWwh187S-m_ZNBVS2Hd9hgAUZw1HXTeGZ1mTcmJKunIbKm_B0KLChdOREeigEo1nxIcUw9Y8sagfeC2vaG4uPQQv0POoCWrIpgyB-5itNVtHq_UvWxQUnZUse4KXaUVMTmWQXy7sJE\" style=\"width: 296.00px; height: 570.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Then put the URL of the 3d model in the search field<\/span><\/p><p class=\"c1\"><span class=\"c0\">An import button will appear<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 309.33px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/cZfJq3KbmLY8ceOst6RlJ6fX5Xcei3w2GJ-D6sz_gH17O8JFkmQ2FiCk3GeNNPNmwQgCGulQ6eJsl-xfI_D9ILhv0CeVe5DxKL7A3P0260KHF8jDVJ5TgRsfnbmnPUiQbMmDE7jBatk8ZWQ\" style=\"width: 624.00px; height: 309.33px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 196.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/fVTSekhjoxQ7Zwvq8CdJVPo-HiT8PDZ-S8-2gIo3UV96iSRcieGd2CtWyg_YdtKSAFLk9gTXatjf-a1cggIh0XvQfiX85XLdctervsmTBWD80tV_-T4jZHaTwSL_i25YBh2NyMcRcMDDujw\" style=\"width: 624.00px; height: 196.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 314.67px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/4X3-idQkfiGARrXEaihfL7figAtwrsVXRTxP7Ti-e7PCyjfIFMnRpRmZrQ8I77ztO7_MJBCGcl15pZA1mYCBVsHmGmi9WiiWW9ZfhKwqLlxjRrNTxQGPLiLvoeLrzTCvcMLloXmXPLmkvCk\" style=\"width: 624.00px; height: 314.67px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Here you can see the model is in the scene but not appearing as expected.<\/span><\/p><p class=\"c1\"><span class=\"c0\">It is common that models are not the right scale or position.<\/span><\/p><p class=\"c1\"><span class=\"c0\">If you are lucky and it is the right scale you can pick up the item and move it around.<\/span><\/p><p class=\"c1\"><span class=\"c0\">Otherwise you will need to adjust some numbers manually to get the model placed just right. This may involve some trial and error when working with 3rd party models.<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">With this warehouse for example lets adjust the scale from 1 to 0.025 of its original size to match our scene dimensions.<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 332.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/YQ34q7fGQ8DwkbkYqZC9JCm0TWN9HXJTd41FFa420HWq1lBb11MoeJMQLlp8rIcz2d6XEilajWcURhtjzS0Thl4Y-JPM0vRuxXLtX7LGK38jFBOeE3y2kfDq6Vyztghf2kYjfwKes_VWV2E\" style=\"width: 624.00px; height: 332.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 332.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/8T4PDy8l2MUBGXr0_NmVUSJpIaDQsB3UxlNe4Us0H_Yytu1v5N1rw9g5OGc0wr7OXYiPYGuP9mijz4b8pb36HUkbYl7JXuFf5HDOrW31bpygGXVXbvXABA5rg0coP9iORWfDCcFhR0GPZ-A\" style=\"width: 624.00px; height: 332.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Click away from the editable list to see the scene<\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 332.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/yV_wWu1FgJBUle5tbx-MALXOu8_ua6M0y9JucIiO3uc2O2GPiEuMtz5VNKUpKCV6wZUgBWcvKA_gWN3bVRgzSZPYJzkvxh53iM2IwyvuSZ8fAo3DNyTFlngO82N39i0uzvCoV3ITUZdrezU\" style=\"width: 624.00px; height: 332.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Orbit around with the camera to get some perspective<\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 332.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/3bMJRP1LusLSJ3uz9f3vER1jpsO5yXBWJweTYGmahXlID40tju6svIKzfY0S8ILN7nIO_2axunlU3oaUXP6wnb_6mKUJFYv6cR8sJnZUmpDo0dhnQktmdqfjy89WRLonO0XqMOZgc2HFR50\" style=\"width: 624.00px; height: 332.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Here we can see the 3d model is too low and so lets adjust the Y axis position.<\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 332.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/T6BG24PbatwrQKkBRQ5_WkEqXLS9mOR6g5R0obfzSD0jkGsG86q_o26NyyoUxDJEaN3Z6UrtBkscd7OnK3nAT-TwLa6CuIY-qXWHhACziq5VvB39W0aHdQ5xBTQk0KD70dfM9IOgGZnWDEo\" style=\"width: 624.00px; height: 332.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Here we adjust to 6.18 and the floor seems close to our avatars<\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 332.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/45gYRk_gyZgn5C3nK_zG4QYnfF93l4p2BpiZMACQRjt8W5XN_G9p7GGTIvLwfCblO_g5NDNp1XyUMyBzLWyynUAm4a-2NC1fqjRWnbsaoGt6RHVbYdQl69OmtjqZQGTzMlNBAJelaI5ymxg\" style=\"width: 624.00px; height: 332.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">This example model luckily has a person picture for scale reference (most models will not have that)<\/span><\/p><p class=\"c1\"><span class=\"c0\">Now we need to move the model so that the scene happens inside it<\/span><\/p><p class=\"c1\"><span class=\"c0\">Adjust the X and Z positions.<\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 332.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/0rh7k0paWBb8CMnb9l0gcJQziGgvj-IN3SHTe_s-Y4ZQRYZINVXllav00VxpxUOtCfIIVoYhOWcBVJJX9TJ7qtBS5k70jm4PRFqKturnPP0e1IKtKfUOaXmbyEoRa8h3eviVVVNw8eIduIw\" style=\"width: 624.00px; height: 332.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">The scene is now positioned well<\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 332.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/i5qPaRw5R_IVDG6u_WqkvgwdLbu4dbnVjEiuQpB4utMFETAUiEELkhylFQGC5Tbp8z_4skkPzr19nlJD4USynrfXmE9fUpXJYkNPLgtmZ_RdBgluQstnxy2RYQFgdgPJFIWlWwRRcW6m3ek\" style=\"width: 624.00px; height: 332.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Now we want to make sure we don&rsquo;t accidentally move the warehouse when trying to move other items. To do this use staticScenery<\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 332.00px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/sIyCV01XujunPe_91kulX9dgddP8U5XiL3qMpzlWy3hmZ1OZDJYpV1ndL3TZfTUSLhgqgTUPS585P37m7gVnCelAwYkYdr6I4jjYKhqx7kX6fyC9fZHHYe4o_BuFdGSVcFsIOP7LHMq2aCA\" style=\"width: 624.00px; height: 332.00px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Set sceneryStatic field to true<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Set freeTeleportTarget: true<\/span><\/p><p class=\"c1\"><span class=\"c0\">This will allow you to long click anywhere on the floor to move freely around the model<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Set receiveShadows: true<\/span><\/p><p class=\"c1\"><span class=\"c0\">This will allow shadows from avatars and furniture items to be cast onto the model&rsquo;s floor<\/span><\/p><p class=\"c1\"><span style=\"overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 624.00px; height: 858.67px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/lh7-us.googleusercontent.com\/N4esBwsCuy3F3h9CP_IK4CwHEgKTFm7ywaQmEEmMmf6rVfLTQzdePczQOhwK6yB2oUUvQzqtzfCbcXzq9GxwoeJzyVkDaNHrdlfaqb2C9gG1vz0tnPcCk6wHP6qQJLTc42YdbuAZ5a24TYY\" style=\"width: 624.00px; height: 858.67px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);\" title=\"\"><\/span><\/p><h2 class=\"c4\" id=\"hqgiuyjm35k4w\"><span class=\"c3\">Shadows<\/span><\/h2><p class=\"c1\"><span class=\"c0\">You must set the property receive shadows to true<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">If the shadows from avatars are not appearing everywhere on the floor of the 3d model it may be that the shadow area is smaller than the model area.<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">You can change this parameter in the dashboard in the space&#39;s settings.<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Under show advanced &gt; Advanced settings panel find the setting called &quot;Shadows Camera Size&quot; a range from 5-35 should be experimented with.<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">The larger the number the less defined the shadow will be, so increase only as much as you require.<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">For performance reasons only cast shadow from items that really need it. Be aware on low powered devices shadows may not be shown for performance reasons.<\/span><\/p><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><p class=\"c1\"><span class=\"c0\">Enjoy!<\/span><\/p><div><p class=\"c1 c2\"><span class=\"c0\"><\/span><\/p><\/div><\/body><\/html>","protected":false},"excerpt":{"rendered":"Scenario includes a template called Blank. This is an excellent template to use if you want to build your own scene using an external 3d model say from Remix3D, Google Poly, Sketchup or Sketchfab.The Blank template includes a 360 background and an invisible floor plane.In the dashboard Create a new spaceChoose the Blank templateClick [Create [&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-2524","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>Building from a Blank Template<\/title>\n<meta name=\"description\" content=\"Building from a Blank Template\" \/>\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\/building-from-a-blank-template\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Building from a Blank Template\" \/>\n<meta property=\"og:description\" content=\"Building from a Blank Template\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/\" \/>\n<meta property=\"og:site_name\" content=\"Metaverse Academy\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-18T00:42:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh7-us.googleusercontent.com\/crPhCc9wwuy3meyrc9nFE6Qz6e29KSE7LJipPd8--fpu2w1ltLuG8nVAIwlaRtFqGQuXksE2lCmhdCsPf8bODyVAdwjd-Ngta6EBJhjCldgW-OMFHE97yA_UfXezLxmnyvFftloTTP2DGl4\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/\",\"url\":\"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/\",\"name\":\"Building from a Blank Template\",\"isPartOf\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/lh7-us.googleusercontent.com\/crPhCc9wwuy3meyrc9nFE6Qz6e29KSE7LJipPd8--fpu2w1ltLuG8nVAIwlaRtFqGQuXksE2lCmhdCsPf8bODyVAdwjd-Ngta6EBJhjCldgW-OMFHE97yA_UfXezLxmnyvFftloTTP2DGl4\",\"datePublished\":\"2019-08-21T10:28:40+00:00\",\"dateModified\":\"2024-06-18T00:42:45+00:00\",\"description\":\"Building from a Blank Template\",\"breadcrumb\":{\"@id\":\"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/#primaryimage\",\"url\":\"https:\/\/lh7-us.googleusercontent.com\/crPhCc9wwuy3meyrc9nFE6Qz6e29KSE7LJipPd8--fpu2w1ltLuG8nVAIwlaRtFqGQuXksE2lCmhdCsPf8bODyVAdwjd-Ngta6EBJhjCldgW-OMFHE97yA_UfXezLxmnyvFftloTTP2DGl4\",\"contentUrl\":\"https:\/\/lh7-us.googleusercontent.com\/crPhCc9wwuy3meyrc9nFE6Qz6e29KSE7LJipPd8--fpu2w1ltLuG8nVAIwlaRtFqGQuXksE2lCmhdCsPf8bODyVAdwjd-Ngta6EBJhjCldgW-OMFHE97yA_UfXezLxmnyvFftloTTP2DGl4\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hyperspace.mv\/academy\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building from a Blank Template\"}]},{\"@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":"Building from a Blank Template","description":"Building from a Blank Template","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\/building-from-a-blank-template\/","og_locale":"en_US","og_type":"article","og_title":"Building from a Blank Template","og_description":"Building from a Blank Template","og_url":"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/","og_site_name":"Metaverse Academy","article_modified_time":"2024-06-18T00:42:45+00:00","og_image":[{"url":"https:\/\/lh7-us.googleusercontent.com\/crPhCc9wwuy3meyrc9nFE6Qz6e29KSE7LJipPd8--fpu2w1ltLuG8nVAIwlaRtFqGQuXksE2lCmhdCsPf8bODyVAdwjd-Ngta6EBJhjCldgW-OMFHE97yA_UfXezLxmnyvFftloTTP2DGl4","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/","url":"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/","name":"Building from a Blank Template","isPartOf":{"@id":"https:\/\/hyperspace.mv\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/#primaryimage"},"image":{"@id":"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/#primaryimage"},"thumbnailUrl":"https:\/\/lh7-us.googleusercontent.com\/crPhCc9wwuy3meyrc9nFE6Qz6e29KSE7LJipPd8--fpu2w1ltLuG8nVAIwlaRtFqGQuXksE2lCmhdCsPf8bODyVAdwjd-Ngta6EBJhjCldgW-OMFHE97yA_UfXezLxmnyvFftloTTP2DGl4","datePublished":"2019-08-21T10:28:40+00:00","dateModified":"2024-06-18T00:42:45+00:00","description":"Building from a Blank Template","breadcrumb":{"@id":"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/#primaryimage","url":"https:\/\/lh7-us.googleusercontent.com\/crPhCc9wwuy3meyrc9nFE6Qz6e29KSE7LJipPd8--fpu2w1ltLuG8nVAIwlaRtFqGQuXksE2lCmhdCsPf8bODyVAdwjd-Ngta6EBJhjCldgW-OMFHE97yA_UfXezLxmnyvFftloTTP2DGl4","contentUrl":"https:\/\/lh7-us.googleusercontent.com\/crPhCc9wwuy3meyrc9nFE6Qz6e29KSE7LJipPd8--fpu2w1ltLuG8nVAIwlaRtFqGQuXksE2lCmhdCsPf8bODyVAdwjd-Ngta6EBJhjCldgW-OMFHE97yA_UfXezLxmnyvFftloTTP2DGl4"},{"@type":"BreadcrumbList","@id":"https:\/\/hyperspace.mv\/academy\/building-from-a-blank-template\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hyperspace.mv\/academy\/"},{"@type":"ListItem","position":2,"name":"Building from a Blank Template"}]},{"@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\/2524","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=2524"}],"version-history":[{"count":4,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/2524\/revisions"}],"predecessor-version":[{"id":4860,"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/pages\/2524\/revisions\/4860"}],"wp:attachment":[{"href":"https:\/\/hyperspace.mv\/academy\/wp-json\/wp\/v2\/media?parent=2524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}