How to add Custom Textured 3D Objects to your HoloBuilder Creations

A room built with custom textured shapes in holobuilder v67

 

As announced in a previous developer blog entry, you can add custom textures to different pre-defined 3D objects and place them into your HoloBuilder.com presentations. In this tutorial, we show you how to use this great feature for even more individual, creative creations.

The first step when you decide to create a presentation with custom textured 3D shapes is no different from the regular process: You have to decide whether you want to create a virtual reality scene (with a photosphere as background) or an augmented reality scene, containing a marker or even being completely empty. This can be useful e.g. if you like to create a three-dimensional room/environment out of 3D objects like in the example above this article.

Choose which type of slide you want to use for your creation in holobuilder

Choose which type of slide you want to use for your creation in HoloBuilder

In this tutorial, we will use an empty augmented reality scene to explain the procedures, but all actions are basically the same for marker-based augmented reality or even virtual reality scenes, when you want to add custom textured 3D objects to your photosphere.

When you have created your initial, first scene you will see the toolbar on the right side. There you click the “Objects” button and select “Textured Shapes”. Next, you will be presented with a selection of five pre-defined 3D objects that you can add to your scene with a single click:

Available shapes for use with custom textures in HoloBuilder v67

Available shapes for use with custom textures in HoloBuilder v67

  1. Box: This shape is great for designing a room if you add a backside texture only. Please continue reading further below to learn how to do this.
  2. Sphere: Add e.g. a 360° photosphere as texture to the sphere shaped object. Zoom in or out to get a spherical perspective.
  3. Square: It is similar to a two-dimensional picture but rotatable in space.
  4. Cone
  5. Tube: This shape is useful for displaying panorama pictures that are not full spherical. If you select them as a texture and place the camera within it, users can look around in your panorama picture that does not contain roof or floor.

After you made your decision you will be asked to add any image you like to the 3D shape to cover it as texture. Click “Select File” to open a file browser window where you can select an according JPG-File on your computer:

Custom texture import dialogue

Adding a custom texture to a 3D shape in holobuilder

In the dialogue, you can furthermore decide where the texture shall be placed on the object depending on its shape. For example, it can be drawn on the front (“front side”), the back (“back side”) or cover the whole shape (“double side”). With a final click on “continue”, the texture will be uploaded, added to the shape and the resulting 3D object will be placed directly into your presentation.

You can see the complete process in the following animation:

A GIF animation that shows how to add a cubic shape with a custom texture in holobuilder

An animation that shows how to add a cubic shape with a custom texture in HoloBuilder

Another useful option is available in the left sidebar’s overview of slides. With the gearwheel icon Slide Settings Icon at the scene preview, you can open a settings dialogue for the according scene. In its “general”-tab you can give it a title, add a description and a custom thumbnail image:

Slide Settings General Tab

For your scenes, you can add a title, a description and a custom thumbnail in HoloBuilder

If you want to use an image of the actual scene itself as a thumbnail, you can also close the dialog again with a click on “CANCEL” or the small “X” and use the snapshot function right within the sidebar. A click on the camera button Slide Screenshot Button next to the scene preview in the list will create a snapshot, set it as a thumbnail and set the default perspective for the slide as well!

Furthermore, in case of an Augmented Reality scene, you see another tab called “Background” where you can select a background for your scenes 3D-space. This can be a single color (available with a click on “COLOR”) or a pre-defined abstract image (available with a click on “GRADIENT”). This is extremely useful if you want to present your 3D objects or creations in a beautiful environment:

Set Background for Slide

For Augmented Reality slides, you can select a background to present your 3D models in HoloBuilder

Each feature offers a large variety of new possibilities for even more individual, creative content creations. In case of any questions that are not covered by this tutorial or if you have suggestions for improvements please do not hesitate to contact us!