Hubs by Mozilla

Hubs by Mozilla

  • Docs
  • GitHub
  • Help

›Introduction

Introduction

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

Hubs Documentation

  • 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 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

Creating Custom Avatars

In Hubs you can choose how you want to represent yourself. Select from any of the featured or newest avatars, or create your own.

Get started quickly using one of these web based tools: Quick Customized Avatars.

Depending on how involved you'd like to get in the avatar creation process, you might choose to simply 're-skin' one of the base avatar bodies, or upload your own 3D model.

Image of a custom avatar

To 're-skin' a robot or box bot avatar

The most straightforward way to customize an avatar for Hubs is to upload a custom texture on one of the base robots. To do this:

  1. Enter a Hubs room.
  2. Select the "People" list icon in the top right corner of the screen.
  3. By your name, you will see a pencil icon. Click this icon to open the avatar selection screen.
  4. Click the "Browse Avatars" button.
  5. From here, you can see a list of your own avatars, the first spot should say "Create Avatar".
  6. In the avatar customization screen choose one of the default body shapes.
  7. Click "Base Map" and upload an image file. If you want to design a custom texture for the robot skin, see the details below.
  8. Save the avatar.
Screenshot of avatar customization screen Your browser does not support HTML5 video.

Create a robot texture

The easiest way to design a new skin for a robot avatar is to use our avatar re-skinning tool 'Quilt' to mix together image files, preview what they look like on a robot and export a single texture map file. Try it yourself at tryquilt.io.

Examples of robot avatars

For downloadable .psd files see our advanced avatar customization documentation.

Create a box bot texture

The easiest way to create a new skin for a box bot is to use a Minecraft avatar building tool to create your own, or search online for Creative Commons Minecraft skins.

Examples of box bots

Advanced Avatar Customization

For more on customizing Hubs avatars, such as texture maps, downloadable templates, and instructions for using your own 3D models, check out the advanced avatar customization section of the documentation.

← Building Scenes with SpokeHosting Events in Hubs →
  • To 're-skin' a robot or box bot avatar
    • Create a robot texture
    • Create a box bot texture
  • Advanced Avatar Customization
Hubs by Mozilla
Docs
IntroductionHubs DocumentationSpoke 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.