image

How to Create a Custom Avatar for Mozilla Hubs With the Ready Player Me Avatar Creator

Daniel Marcinkowski

Written by Daniel Marcinkowski

  • 11 March 2021
  • 4 min read
How to Create a Custom Avatar for Mozilla Hubs With the Ready Player Me Avatar Creator

Make a custom 3D avatar for Mozilla Hubs with a selfie

Ready Player Me allows you to create a custom avatar for Mozilla Hubs with nothing but a selfie. Check our guide to learn how to create your personal avatar and import it to Mozilla Hubs.

When we introduced Ready Player Me in May of last year, our focus was on creating half-body avatars compatible with Mozilla Hubs. Since then, many things have happened. Most notably, we added full-body avatars compatible with platforms like VRChat, LIV, and over 50 other apps and games. But we didn't forget about Hubs, and we continue adding improvements to our VR-specific half-body avatar creator.

If you didn't use Ready Player Me in a while, you will find many new hairstyles, a wide selection of facial hair, and new outfits. At the moment, we have over 200 customization options, and we add new ones every week.

Create an avatar for Mozilla Hubs with Ready Player Me

Making your personal avatar for Mozilla Hubs using Ready Player Me creator is simple and takes just a few minutes. Here's how you can do it in five steps.

Step 1 – Go to readyplayer.me

We have a few different avatar creators in our portfolio, but the one that you're looking for to create an avatar for Mozilla Hubs is at readyplayer.me.

Once you're on the page, click "Create Avatar". On the next page, select "Half-body (VR)" as your avatar type. They come with a head, torso, and hands so that everyone can see your expressions. The full-body avatars are currently not compatible with Mozilla Hubs.

Avatar type picker in Ready Player Me

On the next page, select your preferred body type or choose to skip it (our algorithm will pick one based on your face features).

Step 2 – Take or upload a photo

In the next step, you can take a selfie that will be used to generate your avatar. For the best result, make sure that you're well-lit and keep your face neutral. If you have a saved photo that you want to use, click "Take a Photo!" and then "pick a file" below the camera button.

You can also choose to continue without a photo and use a pre-made avatar.

Take or upload a photo Ready Player Me avatars

Step 3 – Customize your avatar

You can customize your avatar's outfit, hair, eyes, and more. As mentioned before, there are over 200 customization options to choose from. If you have ideas for new ones, be sure to use the "Feedback" button in the top right corner.

Customize your Ready Player Me Mozilla Hubs Avatar

When you're ready, click the "Next" button in the top right corner.

On the next page, click "Copy Avatar Link" next to the link to your unique GLB file.

Impoty your Ready Player Me avatar to Mozilla Hubs

Step 5 – Import your avatar to Mozilla Hubs

It's time to add your personal avatar to Mozilla Hubs! First, go to a Hubs room where you want to use your avatar. Click "More" in the bottom right corner, then "Change Name & Avatar".

Change Name & Avatar Mozilla Hubs Ready Player Me

In the panel on the right, click "Change Avatar". On the next screen, click "Avatar GLB URL" in the top right corner and paste the link from your clipboard. Then click "Apply", and "Accept" to confirm.

Upload Ready Player Me avatar to Mozilla Hubs

You can also save your Ready Player Me avatars in the "My Avatars" tab. To do that, paste the link to your GLB file into your web browser's search bar to download the file. Then, in Mozilla Hubs, go to "My Avatars", click "Create avatar", import the file that you just downloaded, and click "Save".

Save Ready Player Me avatar in My avatars in Mozilla Hubs

And that's it! You should have a brand new appearance in the Mozilla Hubs room that you joined into. If anyone asks where you got your brand new avatar, tell them about Ready Player Me. If you want to create a new avatar or add changes to your current one, head over to readyplayer.me.


Are you a developer?

You can use Ready Player Me avatars in 50+ apps and games, including VRChat, LIV, and MeetinVR. If you're a developer, you can implement our avatar platform for free. Your users will be able to create their own avatars and use them in your app or game.

If you want to learn more, check our documentation or join our Discord server.

How to Create a Custom Avatar for Mozilla Hubs With the Ready Player Me Avatar Creator

For Developers

One-Stop-Shop For Your Avatar Needs

We spent seven years building the perfect avatar system, so you don't have to. Integrate Ready Player Me into your app or game in less than a day. For free.
Do you have a question about integration? Contact us