Skip to content

3D Viewer

Free forever — no license required, including screenshot export and video recording. Main use cases: verifying compression results, inspecting internal model structure, previewing animations, and creating model showcase assets.

Loading Models

Drag & drop files onto the viewer area — multiple models can be loaded at once.

Supported formats: GLB, glTF, OBJ, FBX, STL, DAE, PLY

3D Viewer

Compare compression results: drag in the original model, then drag in the compressed one, and toggle visibility from the right panel to compare.

Controls

ActionMethod
OrbitLeft-click drag
PanRight-click drag
ZoomScroll wheel
Frame viewButton in the right panel
Gizmo transformPick Move / Rotate / Scale in the right panel, then drag

Left Toolbar

A vertical toolbar sits at the top-left of the canvas. Click an icon to expand its panel; click again to collapse:

ToolFunction
LightsAdd / remove point lights, directional lights and spotlights; drag to reposition the light and its target
SectionCut the model along the X / Y / Z axis to inspect internal structure
EnvironmentConfigure the floor grid and default light intensity

Section Clipping

Open the "Section" panel in the toolbar and pick a clipping axis (X / Y / Z):

  • Drag the position slider to move the clipping plane along the axis (cuts from the positive direction by default)
  • The Invert button switches which side is kept
  • Helper objects such as light guides and gizmos are clipped away with the model; cut-away parts cannot be selected

Great for inspecting internal assemblies, floor plans and similar scenarios.

Model section clipping

Animation Preview

When the model contains animation clips (e.g., embedded in GLB), the "Animation" panel in the right sidebar becomes available:

  • Pick a clip from the dropdown (multi-clip models supported)
  • Play / pause / stop
  • 0.1x – 3x playback speed

Lighting & Background

Default lighting: built-in IBL environment light (precomputed from RoomEnvironment). Dark and metallic PBR materials stay readable without extra lights, at negligible performance cost.

Background presets: Pearl White (product showcase) / Sky Blue (outdoor architecture) / Studio Dark (professional studio look).

Time-of-day lighting: drag the time slider to simulate a 24-hour sunrise/sunset cycle. Enable "Auto Time" together with video recording to generate a dynamic lighting showcase video in one pass.

Time-of-day lighting

Custom lights: use the "Lights" panel in the toolbar to add point / directional / spotlight lights, adjust color and intensity, then switch the gizmo attachment via the "Move / Target" buttons and drag in the scene.

Environment panel: the "Environment" panel in the toolbar lets you adjust:

  • Floor: visibility toggle, texture mode (lines / checkerboard / overlay), width & depth (10–100), segments (5–50), opacity
  • Default lights: ambient intensity (0–1.5), sun boost (0.2–2)

Screenshots & Recording

  • Screenshot: click the camera icon to save the current view as PNG
  • Recording: click the record button to start (a REC badge appears top-right), click again to stop, saved as WebM (30fps)

Convert WebM to MP4: ffmpeg -i recording.webm -c:v libx264 output.mp4

Built for Web3D developers