Stable

Toolbar In-Depth Guide

A detailed breakdown of the core features in the bottom toolbar, including lighting, materials, AR Camera, and sharing mechanics.

Updated: 2026-04-26

Toolbar Overview

Once your model is successfully loaded, the bottom toolbar provides a suite of professional-grade viewing and analysis tools. Here is a detailed operational guide for each feature:

1. Background Settings

Adjusting the viewer's background is crucial for perceiving the model's reflections and textures. You can:

  • Solid/Transparent Background: Ideal for taking clean screenshots or isolating the model.
  • Environment Map (HDRI): Load a 360-degree panoramic environment. It not only provides a visual backdrop but also supplies realistic ambient light reflections for Physically Based Rendering (PBR) materials.

2. Light Settings

Precisely control the scene's main light source to ensure your model's details aren't lost in shadows:

  • Intensity: Control the strength of the directional light.
  • Color: Change the lighting color to simulate different atmospheres.
  • Direction: Adjust the angle of the light source to highlight normal map details or sculpted textures.

3. Material Mode

In addition to standard textured rendering, we provide professional inspection modes:

  • Unlit Mode: Displays only the Diffuse/Base Color of the model, unaffected by shadows or lighting. Great for inspecting the raw texture colors.
  • Wireframe Mode: Renders the model as a wireframe grid. This is a powerful tool for checking topology, polygon flow, and density.

4. Rotate

Toggle the automatic rotation feature. The model will smoothly spin 360 degrees along the global Y-axis at a constant speed, which is perfect for client presentations or recording preview videos.

5. Camera & AR

The system provides multiple camera interaction modes to suit different viewing scenarios:

  • Orbit: The most common mode. The camera rotates spherically around the model's center. Supports single-finger/left-click rotation and two-finger/scroll-wheel zooming.
  • Free: Removes the center-point constraint, allowing you to roam freely in 3D space.
  • First-Person: Simulates walking through the scene from eye level, suitable for exploring building interiors or large indoor environments.
  • AR Camera: (iOS Only). Leverages Apple's ARKit to detect physical planes (like desks or floors) in the real world. Once a plane is recognized, you can place the 3D model into your physical space and move your device around to immersively inspect its true scale and details.

6. Detail (Model Info)

Open the technical parameters panel to view structural data about the current model:

  • Vertices and Faces/Triangles: Provides immediate insight into performance overhead. Extremely high face counts may cause lag on lower-end devices.
  • Bounding Box: Displays the physical dimensions (length, width, height) the model occupies in 3D space.

7. Help

A quick shortcut to jump directly to this Help Center whenever you need operational guidance.

8. Reset

If you lose your camera perspective or the lighting parameters get messed up, click Reset to restore everything:

  • Resets the camera position to automatically fit the model's bounding box within the screen.
  • Restores the default lighting intensity, direction, and background settings.

9. Screenshot

Capture a clean render. Clicking this button hides the UI temporarily and grabs a high-definition image of the Canvas render, saving it directly to your device's photo album or triggering a browser download.

10. Sharing

Regarding sharing the model or viewer with others:

  • iOS App: Calls the native system Share Sheet. You can choose to share the actual 3D model file itself, or share a link to download our app with your friends.
  • Web App: Currently, the web viewer focuses on local offline viewing, so direct file sharing is not yet supported. In the future, once our "Cloud Viewing" feature is released, you will be able to upload models to our servers and generate an exclusive URL link. Anyone with the link will be able to open and view the model directly in their browser.
Toolbar In-Depth Guide - LIGHT3D