1. Home
  2. Backend
  3. Product & Configuration
  4. Showcase product

Showcase product

Scene editor

After completing the configuration we can start in the showcase. The showcase is where you can set the product presentation. It’s possible to add lighting, manage the scene and materials and complete the product visuals.

The Layout exists out of 4 parts:
1. Insert toolbar (for inserting parts into the scene and settings can be changed)
2. Scene hierarchy – including the product node, layers, property panel (properties of selected objects)
3. the editing toolbar:

  • Redo
  • Undo
  • Position transformation: allows you to move the selected object around
  • Scaling transformation: for scaling selected objects
  • Rotation transformation: for rotating selected objects
  • Copy: For duplicating an object, into the scene
  • Delete button: For deleting an object

4. The sidebars can be opened and closed by clicking the arrows

Use the right mouse button to move the screen, the left mouse button to rotate (orbit around the focus point) and the middle mouse button to zoom in and out by scrolling up or down.

Pay attention! It’s important to check the units before you start adding new items. After opening the scene it’s possible an object isn’t visible. The problem might be a too big or small object. By adjusting the scale or zooming in or out the object will appear again. If the object is drawn in centimeters, this has to be changed to meters, because the scene uses meters (1 centimeter means you have to fill in 0,01). You can change the scale in configurable node by typing the correct number, using the arrows or dragging up/down.
The same goes for position and rotation. This can also be done in the toolbar.

Inserting Camera

There are 2 important parts in product presentation, adding the right camera and the right lighting. Adding a camera is required, if there’s no camera inserted in the scene, the product will not be visible. So the first thing to insert is a camera, by going to Insert, Camera, Perspective.

The camera is inserted in the scene, select the camera in the layer to adjust. You can choose the view from where the customer gets to look at the product. Select Set Camera (and click confirm) in the camera properties.

By setting the camera, the viewing point is selected. The camera is always aimed at the focus point, which is also the point where the camera rotates around. Click View Camera to see the focus point. You can change the focus point by clicking Transform Focus.

This allows you to drag the focus point to the right spot or fill in the focus point in numbers.

The controllers are very important for using the camera. There are 2 types of controllers, Orbit and First Person. Orbit allows you to rotate around the focus point. First Person means you ‘stand’ in front of the product and can only look up, down or sideways. You can select the controller you want to use at Perspective, Controller.

Inserting Lights

Choosing the right light source is an important part in presenting your product. At Insert, Lights you can select several light sources:

  • Directional lighting:
    Directional light source, illuminates object equally, from a given direction.
  • Ambient lighting:
    Ambient/ surrounding light source, which is used to create a basic surrounding, offering an easy way to create a realistic effect.
  • Hemisphere lighting:
    This illuminates the whole product equally
  • Point lighting:
    Light originates from a single point, and spreads outward in all directions.
  • Spot lighting:
    Light originates from a single point, and spreads outward in a cone.

Normally, the hemisphere light is already set. This is a light source that lights up the complete product. You can change the color and its intensity in the Light Object. The lighting at the bottom, where no light is shining can be set in the Ground Color. You can adjust these color setting as well.

If you want to use a different light source, you can reduce the intensity of the Light Object. This will mean most light that will be shining on the object is coming from a different light source.

Now you can insert different lighting. Go to Insert and choose the lighting you want, such as directional light. You can edit the lighting by selecting the right light source in the scene or in the sidebar. It’s very easy to drag the point where the light is shining from, to the right spot.

You can easily change the color and its intensity at Light Object.

Adding a shadow

It’s also possible to add shading, you can do this by ticking the box for Cast shadow.

This way a shadow can be casted from the product, but you need a subsurface for this. You can add one by going to Insert, Primitives and select Plane. Then click Plane in the sidebar, the Plane is added vertically. Use the rotation button in the toolbar to rotate it, so it’s horizontal.

Use the scaling button and drag the subsurface to the side to enlarge it.

Afterwards click Receive shadow, to create the shadow. Click Save changes to save and see the changes you made.

A problem may occur if the shadow is visible on the product itself, like the following example:

You can easily solve this. by going back to directional light and lower the bias.

Edit Materials

You can change the materials as well. You can do this by selecting the part in the scene. The configurable node opens and all properties are visible

Important material property values are Diffuse, Transparency and Environment. Diffuse shows the color of the object, tou can change the color at Diffuse color. Diffuse map is the texture on the object. To add a texture click the Assign button, in the media library that opens you can select a texture or add a new one. To add a new texture click the Add button, upload the file and click Add. The texture is now added in the overview. Select the right texture and click Select to apply the texture.

At Transparency you can click the on/off button to make a section transparent. By filling in the Opacity you can decide how transparent you want the section to be. At Environment you can set reflections. By clicking Assign you get to see the the media library and can select the right one. Afterwards you get to see the environment reflections on the part of the product. You can change the type of environment at Env. Combine. You can select Multiply, MixOperation or AddOperation. At reflectivity you can decide the degree of reflectivity.

Pay attention! If you made any changes in this section, it’s very important you click Save Changes at the bottom of the sidebar. If you don’t do this, all changes you made will be forgotten.

You can find an extensive explanation about the materials in the materials section of the documentation.

Product node

You can set all product types separately, by switching between types. Select the type you want to edit (at Object).

It’s also possible to choose different light sources in multiple layers of a product. Let’s say you are selling a house and you want to use a different light for the outside of the house than the inside of the house. To do this you click on Layers in Manage views.

Now you can add a new View by filling in a name at the field for New view name, click Add view and click Save changes.

Now you can switch between views by clicking the view name. All set details in the first view will not be visible in view 2 and everything can be set individually.

After making changes, click Save Changes. If you then go to Preview in the top bar you get the see the product the same way the customers will.

The primitives are all shapes that can be added.