Wonda VR Spaces comes with a set of 3D Rooms to host your sessions that are accessible by simply choosing an available room in the Editor.

(Please also read our dedicated article for best practise on optimising a Room using Blender or Unity).

But you can also import your own custom 3D room. Here is how you can import your own in a few simple steps:

Overview

You can import any 3D room into Wonda VR Spaces that is created using any 3D software (such as Blender or Unity - read our dedicated article about optimization) so long as you use the .glb file format.

Once you have your 3D Room as a .glb file, here are a few simple steps to make sure your room is fully optimized to be used within Wonda VR Spaces.

To make sure your .glb file is correctly set-up, you will need to use a freeware called Spoke (powered by Mozilla).

With Spoke you will be able to:

  • Define the 3D Room's default size and default position relative to the viewer when entering the room (i.e., the spawn point)
  • Add 3D objects with a fixed position
  • Adjust the 3D Room’s lighting
  • Adjust the sky of the 3D Room

Step 1/3: Import your 3D Environment in Spoke

Here is the workflow to prepare your 3D environment using Spoke.

1.Before exporting your file from your favourite 3D software, make sure you follow these guidelines:

  • Max Poly count: 50k (Decimate your model if needed. See how to do in Blender)
  • Max different Texture count: 25k
  • Max Texture Resolution: 4K (Higher rez will not work on mobile devices)
  • Material number : Each exported material will create a draw call in the runtime renderer. We want to reduce the number of material as much as possible

2. Export a .glb file of your 3D environment (.glb) and make sure it's working by testing it in a viewer or import our sample project (Go to file > import .spoke - you can update it later).

3. Go to Spoke to create a project and import your 3D file

NB: For more information on how to optimize your 3D room, you can read this really interesting blog post by the maker of the Hello WebXR experience

Step 2/3: Set the position, orientation and scale of your 3D room

After importing your 3D room in a new project in Spoke, follow these guidelines:

  1. Create a Spawn Point with the position (X:0,00 Y:0,00  Z:0,00). This is the default position of your users when entering your 3D room. It also provides you with a reference for your room scale (the height of the spawn point is the height of your user) .
  2. Import a 2D image to create a visual reference to simulate where the Wonda VR Virtual Screen will be positioned in the 3D room after your import your 3D room into Wonda. Scale the image 4 times to reach 4 meters in width and change its position to: (X:0,00 Y:1,50 Z:-4,00). Note: it will not be visible in your Wonda project.
  3. Move your 3D Room around this image to make sure the virtual screen (4,5m x 4m) will be positioned well. 
  4. Regenerate the Floor Plan to match the room's new position.

    Note: You can add interactive 3D objects directly in Wonda VR Spaces: More information here.

Step 3/3: Import your 3D room From Spoke to Spaces

Once the Room is correctly prepared using Spoke:

  1. In Spoke: Go to file > export as .glb
  2. Create a thumbnail file and name it “thumbnail.jpg” (to be shown in the Wonda VR Spaces media library)
  3. In Wonda: go to your project library (as shown below) and simply drag and drop the two files in the media library and select it as the main 3D Room of your Virtual Experience.


Add a custom 360 image as a 3D Room

Just select your desired .jpg equirectangular file and it will be used as the main background for your experiences. Users will be able to zoom in/out of the Main Screen using the keyboard arrows on desktop, or with the controller in VR.

Did this answer your question?