Skip to content
Real3d

Product

Real3d Web Viewer

Volume and surface visualization in the browser

A standalone web application for high-quality rendering of volume and surface data. Load VTI volume data (ASCII, binary, or binary+zlib), STL, and OBJ files from a URL or your local drive. It runs on all modern desktop and mobile browsers.

Download

Open the Web Viewer: real3dtech.com/webviewer/v/

URL parameters

You can drive the viewer entirely from the URL.

Root link: real3dtech.com/webviewer/v/?

  • &background=Renderer background — white, grey, blue, or black
  • &renderQuality=Renderer interactive quality — Adaptive, Normal, or Maximum
  • &useInteractiveAxesEnable interaction on the bottom-right axes to set the front side
  • &presetId=Transfer-function color preset id (0 – 119)
  • &noShadeDisable shade lighting
  • &noIsoSurfaceDisable iso-surface reconstruction
  • &isoValue=Iso-surface value (0 – data range)
  • &vtiURL=URL of a volume dataset
  • &objURL=URL of a ZIP file containing OBJ mesh files
  • &stlURL=URL of an STL mesh file
  • &useLocalFileImport and visualize files from your local device — no URL required

Examples

Change background color

Append the desired color: white, grey, blue, or black.

Load volume data

Append the remote dataset URL with the vtiURL parameter.

Load surface model

Zip OBJ files (with MTL and textures) and pass the URL via objURL, or pass an STL URL via stlURL.

Volume and surface combined

Disable iso-surface reconstruction when you load both volume and surface models.

Open local files

Once the viewer opens, click on the canvas and select a file. After loading, additional surface models can be added through the IMPORT menu. Refresh the page to clear the renderer.

Editing the opacity transfer function

Mouse

  • Double click: create a Gaussian at the given position and height with no bias.
  • Right click: delete the Gaussian underneath.
  • Drag: width (bottom), bias (middle), height (top), position (elsewhere).

Touch

  • Double tap: one finger creates a Gaussian; two fingers delete it.
  • Drag: width, bias, height, or position depending on which part of the Gaussian you grab.

Recommendations

  • In your GPU control panel, choose "High-performance NVIDIA processor" and "Prefer maximum performance" for the power management mode.
  • Use Maximum interactive quality for the highest visual fidelity if your GPU can handle it.

Feedback

Feedback and bug reports are appreciated. Get in touch.