{"id":1754,"date":"2023-07-18T10:27:44","date_gmt":"2023-07-18T10:27:44","guid":{"rendered":"https:\/\/web3d.siggraph.org\/?p=1754"},"modified":"2023-07-18T12:45:33","modified_gmt":"2023-07-18T12:45:33","slug":"building-web-social-3d-interactive-experiences-with-mozilla-hubs","status":"publish","type":"post","link":"https:\/\/web3d.siggraph.org\/tutorials\/building-web-social-3d-interactive-experiences-with-mozilla-hubs\/","title":{"rendered":"Building web social 3D interactive experiences with Mozilla Hubs"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:83.2%;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><p style=\"text-align: center;\"><b><span data-fusion-font=\"true\" style=\"font-size: 23px; color: rgb(0, 21, 255);\">By Manuel Martin, Mozilla Hubs Engine Team Engineer<\/span><\/b><\/p>\n<p style=\"font-weight: 400;\"><strong>Topic of interest<\/strong>: VR\/AR\/MR\/XR, HTML5 3D, WebGL, glTF, Education.<\/p>\n<p style=\"font-weight: 400;\"><strong>Subjects covered:<\/strong> We will learn how to design and create<strong> <\/strong>your own Hubs scene and avatar to host a meeting in a Hubs room. We will also briefly talk about how to extend the Hubs platform using typescript to add your own features to the platform<\/p>\n<p style=\"font-weight: 400;\"><strong>Learning objectives<\/strong>: The main objective is to introduce the platform, show what&#8217;s possible and get familiar with how to set up a Hubs meeting.<\/p>\n<p style=\"font-weight: 400;\"><strong>Intended audience<\/strong>: Anyone interested in using an open-source web-based platform to create 3D social interactive experiences<\/p>\n<p style=\"font-weight: 400;\"><strong>Prerequisites<\/strong>: No prerequisites<\/p>\n<p style=\"font-weight: 400;\"><strong>Level of difficulty<\/strong>: Easy<\/p>\n<p style=\"font-weight: 400;\"><strong>Contact information<\/strong>: <a href=\"mailto:manmartin@mozilla.com\">manmartin@mozilla.com<\/a><\/p>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-1754","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/web3d.siggraph.org\/wp-json\/wp\/v2\/posts\/1754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web3d.siggraph.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/web3d.siggraph.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/web3d.siggraph.org\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/web3d.siggraph.org\/wp-json\/wp\/v2\/comments?post=1754"}],"version-history":[{"count":2,"href":"https:\/\/web3d.siggraph.org\/wp-json\/wp\/v2\/posts\/1754\/revisions"}],"predecessor-version":[{"id":1763,"href":"https:\/\/web3d.siggraph.org\/wp-json\/wp\/v2\/posts\/1754\/revisions\/1763"}],"wp:attachment":[{"href":"https:\/\/web3d.siggraph.org\/wp-json\/wp\/v2\/media?parent=1754"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/web3d.siggraph.org\/wp-json\/wp\/v2\/categories?post=1754"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/web3d.siggraph.org\/wp-json\/wp\/v2\/tags?post=1754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}