Stylezone 3D Viewer

The Stylezone 3D viewer allows you to view a style on an avatar or alone in 3D from all angles. Use the zoom in/out, pan and spin navigation functions to view the style in 360 degrees. To activate the 3D viewer you need to upload a GLB file of a 3D object to Stylezone.

Note

The new Pre-load 3D view option under the Profile > View menu pre-loads the 3D Viewer while accessing a style allowing for improved viewing performance. This option is enabled by default for all users and can be turned off if necessary.

To upload a GLB file to Stylezone:

  1. There are two ways to upload a GLB file to Stylezone:

    • Via the Stylezone Edit Styles page, as described in this article.

    • Via the Share dialog box in VStitcher (Version 2022.2 and newer). For information on this option, see Uploading Styles With Lotta or VStitcher.

  2. Go to the relevant style. At the top right of the review window, select the Edit Style button.

    edit-style-button.png

    The Edit styles page is displayed.

  3. In the Edit styles page, under the Colorways section, select the Add Resource button.

    add-resource-button.png
  4. Choose a GLB file for the 3D object from the folders on your computer. You can export a GLB file from VStitcher via the Render dialog box. For more information refer to Exporting Garments as 3D Objects.

    Wait for the file to upload. This may take a while.

To view the 3D object:

  1. Open the Style review page. On the left side of the Style review page, a 3D thumbnail is displayed of the selected GLB file.

    3d-thumbnail.png
    • Note that a GLB file uploaded from Stylezone, and a GLB file that is exported with Share to Stylezone have different thumbnails.

  2. Click the 3D object thumbnail, and wait for the GLB file to load. You may review other thumbnails on the same style review page while the file loads; the loading process does not stop as long as you are on the same page.

  3. Use the action buttons in the top right of the review page to perform various actions, as described in the table below:

3d-viewer.png

Icon

Description

expand.png

Use this button to enable full screen mode.

In full screen mode, you can use all available Stylezone functionalities, including ColorUp, Version History, and Comments.

sz-fullscreen.png
hdri.PNG

Click to view and edit the HDRI Lights options.

download.png

Click to download the file.

hide avatar.png
show-avatar.png

Toggle to show or hide the avatar. This feature supports GLB files of VStitcher version 2022.2.0 and newer only.

Note that this button is displayed only when an avatar exists.

instructions.png

Select to display navigation options:

instructions-displayed.png
  • To orbit the style, hold the left click on the mouse and drag. Or click the scroll wheel on the mouse and hold while dragging.

  • To pan the style, hold the right click on the mouse and drag.

  • To zoom in and out on the style, use the scroll wheel on the mouse.

  • To reset and re-center the current view, press the F key.

  • To view the style in full screen mode, press Shift and the F key.

HDRI Lights Options

Once a 3D object is uploaded, you can change the default HDRI light settings by fine-tuning the Exposure and Rotation values.

Drag the slider to change the values or enter the values manually. Click reset.png to reset the values.

Note

The HDRI light settings are not saved between sessions.

hdri-set.PNG
Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.

Articles in this section