Automatic Layout Generation by Wizart
- Andrei Dyakov
- Vadim Koloshich
Overview:
One of Wizart’s powerful features is the automatic layout generation, designed to simplify the data preparation process for users. When dealing with flooring materials such as tiles, laminate, or hardwood, Wizart can automatically generate layouts from uploaded images, saving users time and effort. These layouts simulate real-world application styles, enhancing the visualization of the product.
This article will guide you through the process of automatic layout generation, the supported layout types for each material, and the requirements you need to follow for optimal results.
Understanding Layouts:
When you arrange flooring materials like tiles, laminate, or wood, the way they are placed next to each other on the floor creates different "layouts." This means the pattern or style in which the pieces are positioned. For example, you might have seen floors where the tiles are perfectly lined up in rows, or where they are staggered so that the edges don’t line up perfectly—this is called a layout.
Some common layouts include:
No Offset: The pieces are placed in a simple, straight grid, like a checkerboard.
1/2 Offset: The pieces are staggered halfway, like bricks in a wall.
These layouts aren’t just about how the floor looks—they can change the whole feel of a room, making it look more modern, traditional, or unique, depending on the pattern.
How Wizart Helps:
With Wizart, you don’t need to manually create and upload these layouts yourself. Instead, Wizart can automatically generate these patterns for you when you upload images of your flooring materials. This feature saves time and ensures that the materials look realistic when applied in different ways.
Visual Examples of Layouts:
Supported Layout Types by Material:
The table below shows the layout types that Wizart can generate automatically based on the uploaded images, along with which materials support these layouts.
| tile | laminate | carpet_tile | hardwood_flooring | engineered_wood_flooring | vinyl_flooring |
|---|---|---|---|---|---|---|
no_offset |
|
|
|
|
|
|
1_2_offset |
|
|
|
|
|
|
1_2_offset_horizontal |
|
|
|
|
|
|
1_3_offset |
|
|
|
|
|
|
random_offset |
|
|
|
|
|
|
basket_weave |
|
|
|
|
|
|
chevron |
|
|
|
|
|
|
herringbone |
|
|
|
|
|
|
Key:
✅ = Default layout
= Optional layout, must be enabled during import
❌ = Not available for this material type
How Automatic Layout Generation Works:
Single Image Upload: When you upload one image, that image should represent a single product sample, such as a tile or piece of wood. Wizart will then create multiple layouts by rotating or flipping (mirroring) the image, ensuring that even with just one image, the layout will look varied and realistic when applied. This is useful when your product has a consistent appearance across all samples.
Multiple Images Upload (Recommended 4-8): If your product varies in appearance from piece to piece (for example, tiles with slight differences in pattern or color), you can upload multiple images, each representing a different sample of the same product. Wizart will use these images to generate layouts directly from the provided samples, without modifying them. This approach creates a more accurate and realistic representation of how the material will appear when applied to a surface.
Layout Requirements for Uploaded Images:
To ensure optimal automatic layout generation, it’s important to follow specific requirements when preparing your images. Incorrectly prepared images can lead to improper layouts or visible errors in the final visualization.
Refer to the https://wizart.atlassian.net/wiki/x/BgBluw
Providing Product Dimensions (Width and Length):
When uploading images for automatic layout generation, it's important to provide the physical dimensions of the product in the import file:
Product Width (product_width): The actual width of one product sample (e.g., one tile, plank, or sheet) in meters.
Product Length (product_length): The actual length of the product sample in meters.
These dimensions ensure that Wizart can correctly scale the layout when it's applied to surfaces during visualization. If these values are missing or incorrect, the layout might not display at the right scale, leading to a distorted or unrealistic representation of the product.
Make sure to measure your product samples accurately and include their width and length in the relevant fields of the import file.
How to Enable Additional Layouts:
When importing new products into the PIM system, you can specify additional layouts by passing a list of desired patterns in the layout property. This ensures that all relevant layout options are available during visualization. You can manually control the order in which layouts appear in the UI of Visualizer. Simply list the desired layout order in the import file including default and additional layouts.
Note on Layouts and Product Visualization:
Any layout configurations applied during the product import process will be reflected in Wizart solutions, including both the Visualizer and the Visualizer API. This ensures that your customers can see and interact with the products using these specific layouts, accurately reflecting how materials will look when applied in real-world settings.