Differences

This shows you the differences between two versions of the page.

--- en:store:texture [2024/03/13 10:26] – [Normal map] julia
+++ en:store:texture [2025/11/14 08:18] (current) – julia
@@ Line 1: / Line 1: @@
+{{TOC 2-3}}
 ===== Textures =====
-The textures described below can be managed with vrdoro. The diffuse map and the normal map are primarily used for VR scenes, which are also used on devices that are not very powerful.
+Textures enable a realistic representation of surfaces. If a texture is applied to a surface, it is given the corresponding appearance. These textures are responsible for the following properties of surfaces:
-The **maximum texture file size is set to 50 MB** therefore the texture images which are less than 50 MB can be uploaded or it shows maximum file size exceeded alert message.
+  - Image: The diffuse map is a coloured image of the surface.
+  - Reflection: The normal map determines how a light source is reflected in the surface.
+  - Roughness: The roughness map defines smooth and rough areas.
+  - Gloss: The metalness map (sometimes also called gloss map) determines how strongly reflective a surface is at the location.
+  - Heights and depths: The displacement or height map: These determine this information.
-==== Diffuse map ====
+The [[https://vrdoro.com/store/~/textures/ccHJvZHVjdElkPTIxMjgmc2VuZGVySWQ9MzA5NDg-c|Beispiel of this cobblestone]] shows the effect of these elements. Turn the cube to the right against the light.
-A diffuse map is the basic texture map and also called color map as it is used to set the color of the model.
-==== Normal map ====
-A normal map influences the normal vector. In geometry, a normal vector is a vector that is orthogonal (i.e. at right angles, perpendicular) to a straight line, curve, plane or (curved) surface. A straight line with this vector as a direction vector is called a normal vector (en: normal). (More information: [[https://de.wikipedia.org/wiki/Normalenvektor|Wikipedia]])
-The normal vector influences the direction of light reflection. The normal map can therefore be used to influence the light reflection.
+For floor coverings or wall decorations, i.e. for all textures that are applied to a surface:
+  - To ensure that the proportions of the textures correspond to reality, dimensions are required for the size of the texture section. This [[https://vrdoro.com/store/~/textures/ccHJvZHVjdElkPTMzMDAmc2VuZGVySWQ9MzA5NDg-c|Parkettbeispiel]] shows a section of 5997 mm x 5997 mm.
+  - To visualise an area that is larger than the area shown in the texture, the texture is repeated. A seamless texture is required so that no seam is visible at this point.
-When viewing a texture, we also display a **normal quality indicator at the bottom as a blue-purple circle under the texture object**. The more motionless the bright dot is there, the smaller the deviation from the vertical normal is for this texture.
-{{:store:pasted:20240214-102834.png?direct&200 |}}
-**What does a rotating point on the normal quality indicator mean?** If the bright point rotates here, then a reflection is influenced by the normal map in such a way that a rotation of the surface around the vertical axis for a light reflection causes a position shift of the reflection. This means that if the texture is to be used for a floor covering, it makes a difference to the reflection if the surface is rotated by 180 degrees. The reflection of a sun on this reflective texture is then displayed offset, which can lead to undesirable effects.
-For straight surfaces such as floors or walls, only use textures where the normal quality indicator shows a point that is as stable as possible.
+===== Properties of products =====
+Textures are often used for products that give surfaces their character. Surfaces can be:
+  * Floors
+  * Walls
+  * doors
+  * etc.
+Ultimately, it is about the design of any product surface.
+The products have these properties, which contain information about the manufacturer and product.
-===Generate Button===
+^ Property ^ Example ^
+| Manufacturer | Dinesen |
+| Manufacturer email | [email protected] |
+| Product name | Oak Classic One |
+| Order number | XT4711 |
+| Name of the product line | PARK 18 (2200x181x14mm) |
+| Description of the product line | The 3-layer plank with character. The generous oak planks emphasise the warm atmosphere of your rooms with their distinctive character. |
+| Material name | Oak parquet smoked calm |
+| Material type | Parquet, oak |
+| Service class | 32 |
+| Abrasion class | AC3 |
+| Durability class | 2 (1-5) |
+| Delivery zone | AT, DE, FR, NL |
+| Real world width of the map | 7230  |
+| Real world height of the map | 6420 |
+| Element width | 1200 |
+| Element height | 300 |
+===== Use of the images =====
+Let's take a look at the technical details. The images have different meanings for the visualisation of surfaces on which these textures are applied. To achieve a realistic appearance, maps are required in this order (from important to less important):
+  - Diffuse Map
+  - Normal Map
+  - Roughness Map
+  - Metalness Map
+  - Displacement or Height Map
-{{:en:store:pasted:20240313-102628.png?direct&800}}
+Some maps contain similar information and can be used to generate other maps. For example, a normal map can be generated from a height map or a displacement map. The [[https://vrdoro.com/store/~/textures/ccHJvZHVjdElkPTIxMjgmc2VuZGVySWQ9MzA5NDg-c|Beispiel of the cobblestone]] uses all image types supported by vrdoro.
-The button ''Generate'' is used to create a normal map from the diffuse map. This button can be used if the textures doesnot have normal map or the normal map is not correct. After normal map is generated it shows the filter options with the default values in which it is generated. These values can be adjusted according to the need. On every change in the filter options new map is generated and the results can be seen on the texture sphere.
+<ifauth @admin>
+<WRAP caution>
+Pro tip: To manipulate the maps as desired via the image server, you can use the Ember component ''ProductEnvEditor'' to $E in the browser and then execute the following:
+  * ''$E.fixedFilterOptions = {}'' # this removes the tint-filter
+  * ''$E.setParam = () => { return ['mod=2&filt=duotone&start=888&stop=111'] }'' # define any parameters
-''Save'' button appears when we generate normal map on clicking on the ''save'' button, the newly generated normal map is saved to the textures as normal map or it replaces the existing normal map with the new map.
+Then one of the filter sliders must be moved and then the result can be seen.
+</WRAP>
+</ifauth>
+==== Diffuse Map ====
+The diffuse map is the basic texture and is also known as the colour map, as it is used to define the colours of the model.
+==== Normal map ====
+A normal map influences the normal vector. In geometry, a normal vector is a vector that is orthogonal (i.e. at right angles, perpendicular) to a straight line, curve, plane or (curved) surface. A straight line with this vector as the direction vector is called a normal vector (en: normal). (More on this: [[https://de.wikipedia.org/wiki/Normalenvektor|Wikipedia]])
+The normal vector influences the direction of light reflection. The normal map can therefore be used to influence light reflection.
+When viewing a texture, we also show an additional **normal quality indicator as a blue-purple circle below the texture object.** below the texture object. The less movement there is in the bright dot, the smaller the deviation from the vertical normal for this texture.
+{{store:pasted:20240214-102834.png?Direct&200 |}}
+**What does a rotating dot on the normal quality indicator mean?** If the bright dot rotates here, then a reflection is influenced by the normal map in such a way that a rotation of the surface around the vertical axis for a light reflection causes a shift in the position of the reflection. This means that if the texture is to be used for a floor covering, it makes a difference to the reflection if the surface is rotated by 180 degrees. The reflection of a sun on this reflective texture is then displayed offset, which can lead to undesirable effects.
+For straight surfaces such as floors or walls, only use textures where the normal quality indicator shows a point that is as stable as possible.
+===Creating a normal map===
+{{ store:generatemap.png?direct&800 |}}
+The button ''Generate'' button is used to create a normal map from the diffuse map. This button can be used if the textures do not have a normal map or the normal map is not correct. After the normal map has been created, the filter options are displayed with the default values with which it was created. These values can be adjusted as required. Each time the filter options are changed, a new map is created and the results can be seen on the texture sphere.
+The button ''Save'' button appears when we create a normal map. If you click on the ''Save'' button, the newly created normal map is saved in the textures as a normal map or the existing normal map is replaced by the new map.
 ==== Roughness Map ====
+The roughness map provides information and details about the surface, whether it is rough or smooth. It is a greyscale map that varies in all shades of grey. A surface with a lower roughness value is more reflective and a higher roughness shows fewer highlights.
-Roughness map gives information and details of the surface whether it is rough or smooth. It is grayscale map and it varies in all ranges of grey shades.
+If the texture does not have a roughness map or needs some changes, it can be created by clicking on the Generate button and saved with the Save button.
-Surface with less roughness value is more reflective and higher roughness shows lower highlights.
+==== Displacement map ====
+The displacement map, also called height map, defines the height range of the structure. It is also a greyscale map that varies from black to white and defines the height of the structure. The white part of the texture represents the higher part of the material and the black areas represent the lower parts.
+==== AO Map ====
+An Ambient Occlusion or AO map is a greyscale map that contains lighting data. It is often used together with the diffuse map to create small shadow details on the surface. (More about this: [[https://conceptartempire.com/ambient-occlusion-map|AO Map]])
-If the textures doesn't have roughness map or it needs some changes it can be generated by clicking the ''Generate'' button and can be saved using ''save'' button.
-==== Displacement Map ====
-The displacement map, also known as the height map, defines the height range of the structure. It is also a grayscale map that varies from black to white and defines the height of the structure. The white part of the texture represents the higher part of the material and the black areas represent the lower parts.
-==== Ao Map ====
-An Ambient Occlusion or AO map is a grayscale map which contains lighting data. It is often used along with diffusemap to make small shadow details on the surface. (More on this: [[https://conceptartempire.com/ambient-occlusion-map|AO Map]])
 ==== ARM Map ====
-ARM is short for Ambient Occlusion, Roughness and Metallic. The ARM Texture Map combines the three textures into a single texture maps separate color channels Red, Green and Blue.
+ARM is the abbreviation for Ambient Occlusion, Roughness and Metallic. The ARM texture map combines the three textures into a single texture map with separate red, green and blue colour channels.
 ==== Emissive Map ====
-An emissive map is called a Fullbright Map, Glow Map, Incandescence Map, or Self-Illumination Map. This is used for a glow in the dark effect, but does not emit light onto adjacent surfaces.
+An emissive map is known as a fullbright map, glow map, incandescence map or self-illumination map. It is used for a glow effect in the dark, but does not emit any light onto neighbouring surfaces. It can be used in conjunction with a diffuse map to add a glow effect, such as magical runes on a sword or the heated material of a torch.
-This can be used with a Diffuse map to add a glow effect, such as magic runes on a sword or the heated material on a torch.
 ==== Metalness Map ====
-A metalness map is used to define which areas of the material are metallic. It is a grayscale map in which the black areas are dielectric and non-metallic and the white area represents metal.
+A metalness map is used to define which areas of the material are metallic. It is a greyscale map in which the black areas are dielectric and non-metallic and the white area represents metal.
 ==== Alpha Map ====
-Alpha map is grayscale texture where black represents transparent and white represent opaque.
+The alpha map is a greyscale texture in which black stands for transparent and white for opaque.
+===== Notes =====
+The diffuse map and the normal map are primarily used for VR scenes that are also used on devices that are not very powerful. The **maximum texture file size is set at 50 MB** is set. Texture images that exceed this size will be reduced in size before uploading.