360 Degree Asset Specification

Overview

The assets required to render the 360’ model will require two different types of asset files; 2D flat images for each decoration surface (as .png or .jpeg) and the 3D model (as exported .gltf). 2D flat images will be used to configure Artifi Views (for each decoration location) which are to be mapped with the 3D model layers where customization is required.

360 Model Specification 

  1. To integrate the 360’ model in Artifi a .gltf file is required.
  2. Artifi requires that each decoration surface to be created in the Artifi Views will need a separate layer in the .gltf file.
  3. The .gltf file to be used for the Artifi 360’ model is required to be created such that each decoration surface will need to be created as a separate layer in the .gltf file. Each separate layer for the decoration surfaces will be mapped 1:1 with the Artifi Views to be created on the Artifi Product.
  4. Each decoration surface should have two layers as explained below.
    1. 1st Layer (Top Layer for User Uploaded Graphics: Foreground): This layer will be the top layer where shoppers can upload an image/logo. This layer name should match exactly with the views that need to be created in Artifi. The Main Layer and the sublayer of one side decoration surface should be the same. An example is given in the screenshot below with the names Front and Left highlighted in yellow.
    2. 2nd Layer (Background): This layer is used to change the background of the decoration surface. For each decoration, a surface background layer should be created and the name of the material in the background layer should be the same across all the decoration surfaces. An example screenshot is given below for the front and left background. This is for the variant color or texture of the variant.
    3. If the background layer is not added in the model, and if the shopper uploads a smaller size graphics/logo the area that is not covered by the uploaded image will look empty and the inside area will be visible as shown in the below screenshot.
    4. The layer naming convention in the .gltf file will need to be “customer-friendly” (how we want to show it to the shopper). The Artifi Views will need to be created matching how each layer is named in the .gltf file.

Add Material

Materials should be added to all the mesh. Customization works on the basis of the material so, the material is mandatory in all the layers.

Invalid 3D Model Setup

  1. Artifi does not support a .gltf file which is created with only a single layer representing all (>1) decoration surfaces.
  2. Below is an example of a single-layer file that will not work for customizing all views.
  3. Add a graphic to review that all the created decoration surfaces are not showing the graphics upside down. The below screenshot shows that the graphics are upside down.
  4. If the graphics are looking upside down, rotate the decoration surface layer from the UV Editing tab so that the uploaded graphics do not look upside down. Below is the correct example.
  5. Review all the decoration surface area by adding graphics to it. On adding the graphics it should not be stretched.  The below screenshot shows that the graphic is being stretched.
  6. If the graphics are looking stretched, scale the decoration area properly from the UV Editing tab so that the uploaded graphics do not look stretched. Below is the correct example screenshot.
  7. One side decoration surface should be in a single mesh. If multiple meshes are required at the time of creation, they should be merged in a single mesh rather than keeping it in different layers.  If the layers are not merged it would look like the below screenshot.

Export a GLTF File

Below are the steps to export the gltf file in a blender.

  1. Go to File >> Export and click on the “glTF 2.0 (.glb/.gltf)” as shown below.
  2. Click on the format dropdown and select glTF Separate (.glTF + .bin + textures).
  3. Leave the Texture and Copyright options blank and export the file by clicking on the Export glTF 2.0 and the file will be exported.


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.