Tutorial

Your first scene in Oncyber

Heading
Location:
This is some text inside of a div block.
Client:
This is some text inside of a div block.
Oct 19, 2023

Developing for OnCyber is enjoyable and straightforward, but there are some steps that may be more challenging than others, and that's why we're here to make it even more user-friendly

The Mission

This is a project plan for creating a fully immersive experience for a digital asset using OnCyber, a platform for creating NFT experiences.

The project requires the use of Blender 3.X to set up the scene, export settings, OnCyber config, and collaborators. The explanation provides detailed instructions and screenshots for each step of the project.

Resources

Set up Scene

First of all, we need to separate our collider if we want to make a port. If it's a new building, we don't need to add colliders because OnCyber creates them automatically.

Then we will select the building base to parent everything to it.

For the material rendering, we will need to add the suffix _pbr so that OnCyber's engine recognizes them as such.

Finally, we will apply all transformations, with the coordinates (X→0, Y→0, Z→0) where the SpawnPoint will be by default (later, a spawnpoint can be manually configured within OnCyber). This is to ensure that we don't spawn inside any model.

Blender scene hierarchy

With all of this in mind, our Hierarchy should look something like this:

Export Settings

.fbx exporting with transformed settings

Blender users should export every .fbx with transforms applied and this settings.

Maya users should export every .fbx with the normal Export Settings but (obviusly) always freezing transforms.

OnCyber configuration

It's time to open our browser, to access OnCyber we will do it through this website: https://oncyber.io/ja

Once we have created our account, we will log in and enter this other link (since searching for it from the official page is practically impossible to find): https://oncyber.io/destinations

In the "destinations" section, we can drop our .glb file in the box to create a navigable space.

Oncyber drop .glb tab

Once we have uploaded our .glb, we will be redirected to a space where, if we have followed the previous steps, our scene will appear with the .glb already placed and with all the functionalities.

We will also see a panel on the right side of the screen, which we can configure the physical options.

Oncyber physics options

Background

In this tab, we can configure either a color or a pre-defined Skybox with some options, or an external image. In this case, we will choose to import a ready-to-use image for the Skybox.

Oncyber sky configuration tab
Oncyber skybox

Floor

Here we can either leave our space with only the floor that we import, add water to it, or even create a floor that reflects, to which we can add a normal map.

Oncyber water configuration tab
Reflection floor options

Fog

Oncyber fog configutation

Not much to add, option to choose how far or close you want the fog to act in the scene.

Player

Oncyber users controllers

Controllers that apply to all users within this space.

Renderer

Oncyber models lighting configuration

This tab is exclusively for how our models look. We can have them receive light from a skybox previously configured in the engine (Scene) or add a custom one (Image).

Placeholders

Oncyber NFTs placeholders configuration

In case we want to visualize our placed NFTs or show placeholders.

Testing scenes

Once we have set up the scene to our liking, we will click on the "upload" button to save our scene to "destinations".

Oncyber scene for testing
Oncyber space sucessfully tested

Click on "view uploads" to better manage the final steps.

Oncyber MOCA scene

We will find our scene, select the three dots on the right to see the options:

Oncyber scene options

View

Oncyber view tab

In View, it will open a window with our space running locally.

Update 3D model

Oncyber .glb edit tab

Here we can replace our .glb model with its updated version. It will automatically open a tab with the scene and its configuration.

Edit scene

Oncyber scene edit tab

To edit the scene, open a new tab with the configuration options.

Use now

Oncyber use now tab

When we access “use now”, it will redirect us to our main scene in "multiplayer" mode, but this time with a menu on the left containing different things we can add to our space, such as NFTs, links, text, videos, links, and even portals and streams.

Oncyber available assets tab

Collaborators

If we access the "use now" option from the "your uploads" URL, we will find our Avatar and a + on the top right corner of the screen.

By clicking, we will see a "edit collaborators" window, where we can see who is inside and with what responsibilities within the scene. We can also find a link to invite whoever we want to access the space we have created.

Oncyber collaborators settings tab

Conclusion

The guide covers everything from setting up the scene in Blender 3.X to exporting the file with the correct settings, configuring OnCyber, and collaborating with others. By following this guide, users can create a polished and engaging experience for their digital assets on the OnCyber platform.

Blender
Oncyber
Javier Vicén Lucia
3D Artist

Enthusiastic about videogames, 3D impression and photography

Tutorial
Creating a VRChat avatar with blend shapes visemes
Tutorial
Add dynamic bones to your 3D character in Unity
Tutorial
Creating eye-tracking with Blender’s CATS plugin