Create Your Own Web3D Metaverse Space in 5 Minutes with XRCLOUD, Mozilla Hub

BELIVVR
BELIVVR(EN)
Published in
4 min readJul 25, 2023

XRCLOUD is a cloud service for 3D web (metaverse) in the spatial computing era provided by BELIVVR. It is a cloud service that users can create a metaverse with homepage development costs and use it for existing web services by paying only for what they use. Using XRCLOUD, which is reliably provided using CLOUD, you can operate web services in the spatial computing era without incurring significant development costs.

This is the first article in the series “Create a Metaverse Portfolio in 15 Minutes with Wix, Made Easy with XRCLOUD”, an example guide to creating a portfolio site using XRCLOUD. Follow the steps below, and before you know it, you’ll create your own 3D spatial web (metaverse) with the no-code tool Wix. Currently, the free tier has a limited number of projects and spaces and a limit of 10 concurrent users per space in the metaverse.

1. Join the Developer Center

First, you’ll need to sign up by going to https://xrclolud.app

2. Create a project

Click Create Project left menu button

1) Product is you can select Hubs. In addition to projects based on Hubs, Mozilla’s open-source web metaverse, XRCLOUD plans to showcase various technologies required for the XR environment through XRCLOUD.

2) Enter a project name, register a favicon and logo, and click the ADD button to create a project.

3) A logo is a logo viewed when entering a space, and a favicon is an image used on a website. XRCLOUD is a service that connects to your own web service, so please register the logo and favicon of the website you want to create to maintain consistency.

Currently, domain registration is not supported in the Free-tier version, but for actual B2B services, we support domains from 3rd parties using proxy servers.

3. Create a scene (space project), edit a space

Now that you’ve created a project, it’s time to create your space. A 3D space project is referred to as a scene, just like a typical 3D game engine.

Scene is also a project concept in Hubs, so it might be a bit confusing with XRCLOUD’s project. And the tool to edit Scean is an open-source project called Spoke, created by the Mozilla Foundation. Of course, Spoke, available in XRCLOUD, is customized by BELIVVR to provide some extensions. One of BELIVVR’s most significant challenges right now is managing the geometry with the original open source.

Anyway, adding a scene brings up the Spoke editor. It’s a little inconvenient because it’s in English, but we’ll PR Spoke’s language packs within this year. BELIVVR also contributed to hubs’ Korean language pack.

There are a lot of videos on YouTube explaining how to use the spoke editor.

https://www.youtube.com/results?search_query=hubs+spoke

The file format of spoke is a standardized format called GLTF. If you go to the sketchefab, you can get many Mozilla Hubs Rooms and free materials, so there is already a Metaverse Asset Store market.

When you’re done editing your scene, click Publish in the top right corner to save it by entering your project name and scene name.

A word of caution, use only a few triangles, lights, textures, etc. It will be checked when deployed, but it will only be deployed if you create a more complex space.

4. Create a Room

now, you need to deploy a Room. While a Scene is a compiled Spoke project, a Room is more of a deployment of a space that you can put on service and have real users enter. You can create multiple Rooms in a single scene. It might be easier to think of a Scean as a project and a Room as a deployed space.

Creating a Room is very simple. Just pick a scene and create a new Room.

The URL of the room you’re in will then appear, and you can access it with that URL.

You may wonder why you must go through the trouble of creating a metaverse. XRCLOUD is an API Cloud service that creates these metaverse space resources and services at the Web API level. Based on this, you can build your metaverse space service, like creating a homepage.

The structure is as follows. We have linked with LMS with CNU Metaversity, Chonnam National University in Korea, and now we are planning to make SaaS products in earnest and expand sales.

Belivvr XRCLOUD Architecture

--

--

BELIVVR
BELIVVR(EN)

A digital romantic creating a new analog era