Hubs by Mozilla

Hubs by Mozilla

  • Docs
  • GitHub
  • Help

›Spoke Documentation

Introduction

  • Welcome
  • Getting Started With Hubs
  • Building Scenes with Spoke
  • Creating Custom Avatars
  • Hosting Events in Hubs

Setting Up Your Hub

  • Choosing A Subscription
  • Creating Your Hub
  • Updating/Cancelling Your Subscription
  • Managing Your Hub's Content
  • Frequently Asked Questions
  • Contact Us
  • Learning More About Hubs

Hubs Fundamentals

  • Create and Join Rooms
  • Hubs Features
  • Sharing Avatar Links Privately
  • User Settings
  • Room Settings
  • Controls
  • Discord Bot
  • Troubleshooting
  • FAQ

Spoke Documentation

  • Create Project
  • User Interface
  • Spoke Controls
  • Adding Content
  • Architecture Kit
  • Grid
  • Skyboxes
  • Lighting and Shadows
  • Physics and Navigation
  • Publish Scenes

For Creators

  • Advanced Avatar Customization
  • Linking Hubs Rooms
  • Using the Blender glTF Exporter
  • Optimizing Scenes

For Developers

  • System Overview
  • Build a Custom Client
  • Contributing
  • Hubs Query String Parameters

Hubs Client development

  • Hubs Client development Basics
  • Core Concepts for Gameplay Code
  • Hubs Client development Interactivity
  • Hubs Client development Networking

Hubs Cloud

  • Introduction
  • Getting Started
  • FAQ
  • Importing Content
  • Asset Packs
  • Customizing Look & Feel
  • Customizing Themes
  • Managing Content
  • Adding Administrators
  • Limiting Access
  • Recipe: Permissive Rooms
  • Recipe: 3rd Party Integrations
  • Recipe: Enable Scene Editor
  • Recipe: Custom SMTP
  • Recipe: Discord Bot
  • Advanced: SSH Access
  • Advanced: Content CDN
  • Custom Clients
  • Advanced: Brand Guidelines

Hubs Cloud AWS

  • AWS Quick Start
  • Domain Recipes
  • Using an Existing Domain
  • Using an Existing Email Provider
  • Updating the Stack
  • Backup and Restore
  • AWS Troubleshooting
  • Known Issues
  • System Architecture
  • Costs and Minimizing Costs Information
  • Estimating Cost Charts (Alpha)
  • Estimating CCU Limits

Hubs Cloud DigitalOcean

  • DigitalOcean Quick Start
Edit

Architecture Kit

With the launch of the Architecture Kit, creators now have an additional way to build custom content for their 3D scenes without using an external tool. The Architecture Kit is designed to make it easier to take existing components that have already been optimized for VR and make it easy to configure those pieces to create original models and scenes.

This kit contains over 400 different pieces that are designed to be used together to create buildings - the collection includes wall, floor, ceiling, and roof pieces, as well as windows, trim, stairs, and doors.

Hubs Image

How to use the architecture kit

Head to Spoke and start a new project. In the asset panel, find the section labeled "Architecture Kit."

Spoke Properties Panel

Drag and drop the components from the asset panel into your scene. Change the texture material in the object's properties panel.

Spoke Properties Panel

Making kit pieces double sided

After placing objects in the room, you may notice that they dissappear depending on what direction you are looking at them from. This is because all the objects are single sided, which helps improve performance. It also allows creators to have one side of a wall use a different material than the other side, for example, an interior painted wall and and exterior wall with brick. If you would like to make your wall double sided, copy (ctrl+c, command+c) and paste (ctrl+v, cmmd+v) the object, and then press the Q or E key twice to rotate it 180 degrees.

Adding trim

By default kit pieces like walls don't connect in the corners. You might find there is a narrow gap in particular exterior corners. These spots are are designed to fit trim pieces.

Spoke Properties Panel

Examples of rooms built with the architecture kit

The following are just a few examples of scenes created using the architecture kit

  • Hubs Commons
  • Catacomb
  • Spiral Tower
← Adding ContentGrid →
  • How to use the architecture kit
  • Making kit pieces double sided
  • Adding trim
  • Examples of rooms built with the architecture kit
Hubs by Mozilla
Docs
IntroductionSetting Up Your HubHubs FundamentalsSpoke DocumentationFor CreatorsFor DevelopersHubs Cloud
Community
Discord ChatTwitter
More
HubsSpokeGitHub
Copyright © 2023 Mozilla Corporation. Hubs Documentation available under the Creative Commons Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0) license.