Elements are the building blocks of the Microverse.
At their simplest, they are images that you can add to a room. They can be assigned interactions, hitboxes, and each element gets a z-index which helps position it relative to the character.
Carefully crafting your elements is key to creating a immersive feeling in your Microverse room.

Adding an Element

To add an Element, go to the object menu and select Element. It will prompt a file dialog to pick your image.
Tip: You can also drag-and-drop images into your world when you are in build mode.

Edit an Element

Once the element is placed in the world, click on it to edit the element
From here you can add interactions, hitboxes, and more.

Understanding z-index

An important concept for making Elements feel immersive is where the z-index is set. A good rule of thumb is to set it right where the "ground" should be for that image.
To edit the z-index, click the z-index button:
This will display a red line, which you can click to adjust where it is set in relation to the Element:
When a player is above the z-index line, they will appear behind the Element:
Using the concept of z-index you can create Elements that players can walk entirely on top of, which will make them appear as though they are flat on the ground:
Placing the z-index low at the "base" of the element, will make the Element appear as if it is sitting in the world:
When editing Elements, getting z-index set correctly will make your world feel more immersive and alive. We recommend to play around with it until it feels right for each Element.
Copy link
On this page
Adding an Element
Edit an Element
Understanding z-index