3D DOCUMENTATION

Example :

---

We strongly recommend modeling the object in it’s realistic measures.

During modelling, it is possible to create a vertex that is not part of any face. It is necessary to remove all of these vertices.

Remove/Weld separate vertices that occupy the same location.

When two or more faces or polygons occupy the same space, rendering can be invalid due to Z-fighting. You should check for and remove all overlapping faces.

Front of a polygon’s face is graphically represented using a directional vector that is perpendicular to the face. Make sure that face normals point outward.

Center model at scene origin x/y/z - 0/0/0

Each mesh/object or transformation node can have only one pivot point. The model can be scaled or rotated around this point. We suggest a center pivot point to each respective object.

Resets the transform values. The object's rotation values will be set to 0, and the scale to 1. This is necessary if you were scaling, rotating or mirroring the whole object during your workflow.

Vertex normals determine the visual softness/hardness between polygons. They are determining how the model should shade under the light. Custom vertex normals are supported.

The usage of instances is encouraged wherever possible.

Assign unique names for meshes, groups and materials. If the names are not unique, they will be automatically generated. This can cause a discontinuity to model update. Avoid special characters when naming.

---

Textures

Textures are 2d images mapped to the model surface. Textures work in conjunction with Shaders and Materials to produce the final rendering. You can upload/delete multiple assets in inventory or add them during the work. For optimal results while using Unlimit3D see recommended maximum textures sizes.

At the moment supported formats are .jpg, .png and .hdr.

For AO map, Global AO map and Lightmap you need to unwrap UV channel 2. All other maps are assigned to channel 1.

You may combine b/w images RMA (Roughness + Metallic + Ambient occlusion) to the RGBA channels in PBR workflow. Alpha channel is optional.

Texture resolution should use the “power of two” rule. In short, the power of two is a set of simple criteria ensuring 2D image assets conform to regulated sizes and dimensions, which typically manifest as; 1) width/height being divisible by "8", and/or 2) width/height that can be doubled-up or divided-down by "2". In other words any image that is "8", "16", "32", "64", "128", "256", "512", "1024", "2048" will work good.

Recommended aspect is 1:1 or 1:2

Make unwrapping more compact in order to effectively use texture space. That way you will be able to use smaller resolution maps. Keep a low number of UV shells. Hide UV seams.

If you need more resolution you can use multiple texture sets.

Remove all unused UV channels.

---

Materials

While using the Unlimit3D platform you should be aware of few rules regarding materials:
We support multiple materials and shaders.
You can mix different shaders in the same scene.
For best performances (fewer draw calls), join all meshes/elements with the same material if it’s possible.
Multi materials are counted as separate meshes.
It is always more optimal to have less different materials in the scene.
Keep in mind that as you add more materials it becomes heavier in terms of processing. Opaque materials are faster, transparent materials are slower.

Turn on transparency and lower opacity slider to set the effect. You can also use map in alpha map or use the alpha channel from the diffuse map. For transparent objects, you have blending modes available.

You can use blend modes from the Blending dropdown list inside the shader.

You can adjust Alpha Test slider which is located in shaders advanced options.

---

PBR - Physically Based Rendering

To create PBR (Physically Based Rendering) scene, use MeshPhysicalMaterial combined with HDRI lighting. If you are not already familiar with this industry standard, you can find information about PBR theory from many online sources like https://academy.substance3d.com/courses/pbrguides.

---

Lightning

Limit the number of lights only to necessary ones. In most cases default lights are sufficient. You can choose from Point, Spot, Directional, Hemisphere or RectArea.

Use any small size .jpg or .png to add global or/and individual reflections.

To improve the performances, you can lighten your scene by an HDR image only, without using any other light sources. Keep HDR file size under 1.5MB. You can have global or separate HDR on material, but try to avoid that to save on size.

If your object is static, for best performance, you may bake shadow and ambient occlusion maps and apply them to the plane under the object.

---

Maximum size of input files

Input files can include but are not limited to textures, optional parts, etc. We divided our most common 3d products into simple categories. Please note that these file sizes are for optimal experiences but not a must have. In the web 3D all resources are taken into account. While the model can work on your previewing device, on someone with weaker configuration it may not, so we encourage you to be as optimal as possible.

Maximum number of polygons

The goal is to have as few polygons/triangles/vertices as possible. That will reduce download time and improve performances while using Unlimit3D.

3D file formats

Maximum textures size

For all types of 3d projects on Unlimit3D (except for 3D for mobile devices), we recommend using textures with a maximum size of 2048px. Depending on the model complexity, size of 4092px is also a possibility but only if it’s necessary. As for the 3d project for Mobile devices please read the section: 3D model for mobile

UV mapping

For the most aesthetically pleasing 3d solution we recommend using a specific UV map or seamless UV map

Unwrapped UVs

Unlimit3D software supports Unwrapped UV maps, however, in case of extreme complexity 3D, we advise using Unwrap only if necessary.

Low, Mid or High-poly

If you were reading through all of our documentation, you probably got the right idea when to use low, mid or high-poly modeling. Just in case we will propose what we consider is the best practice corresponding to the previously mentioned types of models

AR optimization

ARcore (Android compatible) .glb file format and ARKit (iOS compatible) .usdz file format For more detailed instructions we advise our users to check official google and apple guidelines for optimal AR experience:
https://developers.google.com/ar/design
https://developer.apple.com/design/human-interface-guidelines/ios/system-capabilities/augmented-reality/

---

---

---

Logical grouping of elements that will be configured

Let’s take an example of a car model. Let’s say you finished modeling a car or you purchased a model of one. If you modeled the product from the scratch, depending on your workflow, you will most likely have more objects/entities in the scene at the end of the modeling process. If you purchased the model it usually comes with separated objects/entities, so you will have to merge it in the first step.

Example : Image 01

The first step you should do is decide, what parts you will want to change in your 3d Configurator. For this example, we will say we want to change the tires. So, in that case, we have to combine tires into a single separate entity/element, and the rest of the car into a single separate entity/element. So that will leave us with 2 different entities/elements, the tires and the rest of the car:

Example : Image 02

Now that we made sure the car is divided the way we want, we want to get the new type of tires and prepare them the same way we did with the previous ones.

Example : Image 03

Now that we prepared the tires, we need to place them in the same place as the original ones. They are currently overlapping, but we will have the option of turning them off on the Unlimit3D platform. This preparation will allow you to make a 3d configurator of switching between these two types of tyres.

Example : Image 04

With the same preparation, you can choose any other parts of your product that you wish to present in different versions.

---

Example :

Annotation image preparation

The background of annotation should never be on 0% opacity. When creating a png. image of your annotation, make sure to provide a picture with at least 1% opacity, as the clickable area will be larger.

Example : Image 05

In image 05 you see a good example of a background having 1% opacity, which will still seem as the background is transparent but your users will be able to click on the whole space. Depending on the size of your 3d solution, you should adjust the size of annotations. A size of 300x300px will usually do the work.

Annotation possibilities

Depending on your needs, you might have to include someone with some medior level of knowledge in programming to implement the idea on your website. The things you can achieve by yourself are following:

Model preparation for annotations with animation

In case you wish for an animation to happen with your object when clicking on an annotation you need to prepare the model before uploading. The animated part of the model should have a corresponding Gizmo. To explain better we will take the example of a car and the door being the interactive part. Firstly we prepare all the objects that will have the animation, in this case, the right door on a sample car should be detached from the rest of the model and form a single entity/object.

Example : Image 06

After that, we need to adjust the gizmo to the most logical place so that when we simulate the door opening, it looks as natural as possible.

Example : Image 07

If the gizmo is placed in the correct position then the animation of the object with the rotate command will look smooth and natural.

Example : Image 08

---

Specific requirements of model upload for 3D ads

As the 3D ads are fairly new thing on web, the possibilities are a bit limited. The concept of modeling is the same as for anything else, but the resources should be as light as possible. We encourage you to take a look at our 3D model preparation for upload on Unlimit3D For information regarding the most optimal workflow.

Best modelling practice when using Unlimit3D shader/decoration

If you intend to make most of our shader we recommend the following guidelines. Diamond should be modelled as a single geometry with faces pointing outwards. The diamond should not have overlapping geometry.

Example : Faces should be pointing outwards.

Example : Model should be made of single faces with no overlapping geometry.

Number of faces/polygons

As was the case with every model that goes on our platform, we want to have the as least possible amount of faces. While we have successfully published projects of jewellery with up to 300k polygons, we advise you to try to be as responsible as possible with the number of faces.

Decoration entry / Custom Unlimit3D shader

For the needs of diamond models, we developed a custom Shader to help you present your jewellery models in the most aesthetically pleasing way possible. Through our example, we will show you how to edit the values and reach the best result.

Every piece of diamond has to be a single entity/object

For our shader to individually apply the environment map and create the most realistic result, every piece of the diamond needs to be individually detached.

Size of an environment map

Depending on the level of detail and the number of diamonds, you should consider the size of the environment map. If there is only a single diamond you can use the size of 512x512px. If there is more than one we advise using a 256px or even 128px size environment map.

---

Example : Image 01

Depending on your wishes for this solution, you might want to separate the rings as well. For this example, we will keep them together, and separate each diamond. The result got us to 78 side diamonds and 1 main diamond. (image02)

Example : Image 02

Now we want to apply 2 placeholder materials. One on rings, and second on all the diamonds. (Image03)

Example : Image 03

Now we are ready to upload the model. We will export it as fbx. In this case. Once we upload the diamond we are ready to apply our shader(decoration entry) (image04).

Example : Image 04

For the ring material, we will use one of our preset materials from the global material library. (image05)

Example : Image 05

Now it’s time to apply our shader by first creating new material. (image06)

We assign the name we want and set the setting to apply to All Meshes with the previous material. (that’s why we made a placeholder material) and press submit.

Example : Image 06

Now we select each separate diamond and create a new Decoration entry(shader). This has to be done manually for now, but we are working on the possibility to assign the same decoration to multiple objects at once. (image07)

Example : Image 07

Now that we assigned the decoration to all the diamonds on the object, we need to adjust the settings for the most optimal results.

Here are examples of the environment maps that could give desired results (images08). Please have in mind that the diamonds defer, and depending of your needs, you need to find a suitable environment map. For map sizes please take a look at the Size of an environment map section.

Example : Image 08

Here is a screenshot with explanations of each value. These values will vary depending of your needs. (image09)

Example : Image 09

Example :