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
  • Introduction
  • Design
  • Properties

Was this helpful?

  1. 🗃️ Components

3D Viewer

Add interactive 3D content to your applications

Previous🗃️ ComponentsNextActions

Last updated 7 months ago

Was this helpful?

Introduction

The 3D Viewer component in SwiftXR allows you to seamlessly display and interact with 3D models directly within your applications. This components supports a wide range of 3D file formats and provides intuitive controls for users to rotate, zoom, and pan models, offering a detailed exploration of 3D content. Additionally, the 3D Viewer offers customizable backgrounds and lighting options to enhance the visual presentation of your models. All components in SwiftXR are extended from the 3D Model Viewer.

Design

Topic
Description

Customize design options based on selected state

Set the position of the selected component in relation to the canvas

Set the width and height properties of the selected component

Set the layout of the selected component

Set the background properties of the selected component

Add additional effects such as transitions to selected component

Properties

Topic
Description

Upload 3D Object

Add 3D Object to be used

General Settings

Configure general user interaction and animation settings with the 3D model

3D Object Dimensions

Configure specified units of measurement for the 3D model

Customization Options

Configure multiple variants of a 3D model by changing the colour and textures of its assigned materials

Lighting Settings

Configure lighting and shadow settings. Additional option for custom HDR backgrounds for the 3D model

Camera Settings

Adjust camera field of view, zoom level, position and orientation.

Hotspot Labels

Add multiple labels o various parts of the 3D model

Advanced Settings

More options to customize user experience

Actions
Position
Size
Layout
Background
Effects