SwiftXR Documentation
Get StartedGitHubCommunity
  • 👉 Introduction
  • 🍭 Creating a Project
  • 🧭 Navigate the Interface
    • Left Panel
      • Layers Panel
      • File Manager (Files)
      • Project Settings
      • Video Tutorials
    • Working Area
  • 🎨 Templates
    • 3D
    • Augmented Reality
    • Virtual Reality
    • Face Tracking
    • Image Tracking
  • 🗃️ Components
    • 3D Viewer
      • Actions
      • Postion
      • Size
      • Layout
      • Background
        • Background Image
      • Effects
    • Augmented Reality (AR)
      • Properties (AR)
    • Virtual Reality (VR)
      • Properties (VR)
      • VR Editor
    • 3D Carousel
      • Carousel Options
    • Image Tracking
      • Image Tracking
    • Face Tracking
      • Face Tracking
      • Face Tracking Editor
    • Customizable 3D Viewer
      • Customization Options
      • Variants
    • 3D Text
      • 3D text
      • Generate 3D Text
    • Indexable 3D Viewer (Developers)
      • Indexing Options
    • AR Artwork Viewer
      • Artwork Settings
    • AI Artwork Viewer
      • AI Artwork
      • AI Generator
    • ReadyPlayerMe
      • Avatar Settings
  • 🔌 Plugins
    • WiX
    • Squarespace
    • Shopify
    • WordPress
    • WooCommerce
    • Framer
    • Webflow
    • GoDaddy
    • Zoho
    • Blender
      • Version 4.1 or Below
      • Version 4.2 or Above
    • Canva
    • Figma
    • HubSpot CMS
    • Clo3d
    • Style3d
    • Daz3d
    • Weebly
    • Concrete CMS
    • Dorik
    • Format
    • UCraft
    • Brizy
    • Bubble
    • Tinkercad
  • 🪢 Integrations
    • HTML
    • React and Next.js
    • Svelte
    • Angular
    • Vue
    • Swift
  • 🎮 3D Content Creation
    • 3D Modelling Softwares
      • Blender
      • Maya
      • Sketchup
    • 3D Asset Stores
      • Sketchfab
      • Free 3D
    • 3D Scanning/Capture
      • Luma AI
      • Kiri Engine
  • 💡 How To
    • Image Tracking
    • Best Practices For Image Tracking on SwiftXR
    • Face Tracking
    • Indexable Model Viewer
    • How to Enable Animation in AR on IOS Devices
Powered by GitBook
On this page
  • Step-by-Step Process
  • 1. Once you are done with your cloth creations, please check the following below.
  • 2. Uv Setting
  • 3. Export as GLB

Was this helpful?

  1. 🔌 Plugins

Style3d

Export and Embed Style3D Clothing Designs in 3D, AR, and VR Experiences

PreviousClo3dNextDaz3d

Last updated 1 month ago

Was this helpful?

This guide will walk you through the process of exporting your Clothing from Style3D to SwiftXR for VR and AR experiences. Each step is explained in detail to help both beginners and experienced user

Before starting, ensure you have:

- Style3D Studio installed (They have a free version as well as a 30 free version for the complete software)

Step-by-Step Process

1. Once you are done with your cloth creations, please check the following below.

  • If you have trims that you use the topstitch functions to create. Please make sure the type is OBJ for the front,Leave the back on check and make sure the type is TEXTURE.

  • If you have topstitch that are just topstitch and not trims, please make sure the type is TEXTURE for the front and check same as front for the back

2. Uv Setting

  • Go to Tools on the upper part of your screen > then click on the UV editor.You should have something like this, see image below

  • You need to arrange the UV into one single UV tile, there are three methods

  1. Method One - Manual select all the UV patterns, scale and resize to fit one Uv box, make sure they are scaled all at ones and noon is outside the UV tile or touching each other within the tile.

  1. Method Two - Go the upper part of your UV editor and click on Layout, see image below.

  1. Method Three - Right click on your UV editor window and click fit all uv to 0-1.

3. Export as GLB

  • Go to File > Export > GLB, Choose where to save and give it a name.

  • The GLB export settings will poop out, check out

    • Check out all props and all avatar

    • Make sure it is set to Thin

    • Under option choose Simplify Mesh

    • Check unified UV Coordinates

    • Check baking all map, for the size it is advisable you use 1k so as to export a low poly mesh

    • Make the scale CM and 1.00%

    • Check save with Texture Files (ZIP)

  • After making sure the settings are similar to the above, click Ok and export.

  • Go to where it exported and unzip to see your GLB

4. Import to SwiftXR

  • You can either Drag your model and drop it on the SwiftXR Canvas or you go to File > Upload

  • You will get a warning sign if your model is more than 50mb so it advisable to keep it at 100mb so following the export setting from style3D is crucial to achieve this, Click on proceed.

  • Once imported, carefully check your model in SwiftXR. Verify that all parts, textures, and materials appear as expected.

-

in SwiftXR, see how to create a project

SwiftXR account
https://home.swiftxr.io/
Create a new project
here
https://www.linctex.com/products/studio