World owners and administrators have the ability to use the Topiaโ€™s collection of assets as well as their own uploaded imagery to create their own custom world.

๐Ÿ–ผ Start with a Scene or Template

Start by choosing a scene for your world. You can choose to start from scratch (with a blank template) or you can start with one of our ready-to-use scenes and make modifications from there. Here's how to update your scene.

  • Click the Library icon in the bottom half of the toolbar to open the Library drawer

  • Select Topia Scenes

  • In the Topia Scene page, browse or search through the library until you find the blank or completed scene you wish to place.

  • Select a scene and click the Drop icon to place it in your world or the Swap icon to replace everything in the world with the scene selected.

๐ŸŽจ Edit mode

Edit mode allows you to add or modify any asset in a world you are the owner or an admin of. To turn on Edit Mode, click the Edit toggle on the toolbar. When turned on, the toggle will show a check mark highlighted in teal.


๐ŸŒด Add an Asset from the Topia Library

Whether you are looking for an open mic for a comedy night, a desk or water cooler for your virtual office, or holiday decor, we've got you covered! To add new assets to your world:

  • Click the Library icon in the bottom half of the toolbar to open the Library drawer

  • Select Topia Assets.

  • In the Topia Assets page, browse the whole library, filter by category, or search through the library until you find the item you wish to place

  • Click on the thumbnail image to see a larger version of it or click on the Drop icon to add the asset to your world.

  • Click again to place the asset in your world


โฌ†๏ธ Upload Assets

You can also upload your own objects or images to a world -- anything from your company logo, custom art, 3D renderings, or a picture. Uploaded assets must be in the form of a .jpeg or .png.

  • Click the Library icon

  • Click Upload Assets

  • In the Upload Assets page, add a name for your asset

  • Upload the layers of your asset. If you only have one layer, you can choose whether it should be a top or bottom layer

  • Click the Upload Asset button or the Upload and Place Asset button

Note: Images uploaded as top layers will appear in front of the Topi and images uploaded as bottom layers will appear behind the Topi. If you want the Topi to walk on top of a path: you should add that image as a back layer.


๐Ÿ“ Scale for uploading images of different sizes

Want to add your own images and looking for a scale of how big they will be in your world? Just download this "Topi" and use it as a scale for your uploads.

The Topi avatar is 159 pixels by 159 pixels.


๐Ÿ– Edit Assets

Once an asset is placed in a world, you can make the following modifications:

To edit an asset that is already placed in your world, make sure Edit Mode is on and the Edit toggle on the toolbar is teal. Hover over the asset, and click on the pencil icon that shows in the middle of the asset. A menu will dropdown from the asset with options to:

Edit

Use this option to add media, add links, add events, enable broadcast functionality, or modify the layering of the asset.

Move

Allows you to reposition the asset within your world.

Duplicate

Allows you to make a copy of the asset.

Flip

Allows you to flip the asset vertically, transforming the asset into its mirror image.

Remove

Allows you to delete the asset for your world.


๐Ÿงฑ Layering Assets

Create an immersive world by layering assets together.

Layering in Topia is a great way to create an immersive world. Use this guide to let your creativity run wild. Layering top and bottom assets together can help create a more realistic scene.

Here are some considerations to help you get things just right:

  • Every object in the Asset Library is either a bottom layer, a top layer, or an asset that has both layers.

  • Foreground assets will always appear in front of background assets.

  • When the file is uploaded, depending on how the image is cropped, there might be invisible space around the asset that may impact layering.

  • When layering, the asset with a base farthest to the bottom will always appear in front of everything above it.


๐Ÿช™ Understanding the Flip Point

Every foreground asset has an area known as the flip point.

  • This horizontal line is where your avatar goes from being in front to being behind a top layer of the asset when approaching it from below.

  • The height for the asset "flip" happens approximately 45 pixels from the base of a foreground asset.

You can add an invisible area to the bottom of an image before it's uploaded to adjust for where the flip happens.


๐Ÿ— Changing the Ordering of Assets

There are times when you need to change the layering of a group of assets, like when placing a sign on top of a table or putting a large background image behind an entire scene. Follow these simple steps to change how the assets layer:

  • Make sure Edit Mode is on and the Edit toggle on the toolbar is teal.

  • Hover over the asset youโ€™d like to adjust and click the pencil icon.

  • Click Edit to open the Modify Asset drawer and then click Layering.

For Foreground Assets:

  • Under Layering, click BACKWARDS or FORWARDS to change the position of the top layer. You can also add an exact number of pixels in the text field.

  • This adds or subtracts a region of transparent pixels at the base of an asset allowing the layering order to change. Adding pixels will make the asset more likely to appear in front of other nearby assets. Subtracting pixels will make the asset more likely to appear behind other nearby assets.

For Background Assets:

  • To modify the bottom layer order of the asset, select MOVE TO BACK or MOVE TO FRONT. Moving to back will send the bottom layer of the asset behind all nearby back layer.

    Sending multiple to the back will preserve order in which they were placed, but behind all other neighbors.

Did this answer your question?