How to use custom textured shapes

Learn how to use custom textured objects in the web editor and make the most of your HoloBuilder experience.

Anna-Azize Adami avatar
Written by Anna-Azize Adami
Updated over a week ago

The HoloBuilder Web Editor allows you to include custom textured 3D objects in your HoloBuilder project, you can choose from a variety of shapes and customization tools. This might be extremely helpful to point something out in the scene, give added information, or cover up part of the 360°. For example, you might want to cover up the nadir in the image, which is usually the person holding the camera. Find out how to use this tool:

NOTE: Please be aware that custom textured shapes are ONLY available in the Web Editor. They cannot be added or edited in the JobWalk App. Any 3D objects won't be displayed in the JobWalk App in order to make the JobWalk experience as easy and functional as possible.

Adding a custom textured 3D object to a 360 scene

1. Open a project and switch to the scene where you would like to insert the custom textured object in.

2. Find the menu bar in the HoloBuilder Web Editor on the right side of your screen. There, click the option Objects.   

3. A second level menu will appear. Here you have an overview of all objects that you can include in your project. Find the group of objects called Textured Shapes.

4. Now you can choose between several 3D shapes. Select the shape which fits best to your cause or into your scene.

Objects menu bar in the HoloBuilder Web Editor

5. A new dialog will pop up and ask you to upload an image that will be displayed on the 3D shape. Choose a JPEG or PNG image from your files and then click CONTINUE to create the custom textured shape in your project. 

Upload an image to create the custom textured shape

6. You just created your custom textured shape!

In the example in the screenshot below, the HoloBuilder logo was used to cover up the person holding the camera.

7. There are several options to further adjust and personalize the shape by clicking on it. A new menu will appear on the right side of your screen. You can adjust the position, rotation, size and color or even assign a special action to the shape, like linking it to a web page.

Adjusting the position, rotation, size options

What might also interest you:

Did this answer your question?