← Back to Retor

Preview

Share your 3D experience as a link. Viewers navigate lines, explore tags, and scroll through the scene on any device.

Sharing a Link

Every project has a preview URL at /p/[project-id]. Share this link directly — no login required for viewers.

Screenshot: Browser address bar showing the preview URL, with the 3D experience loaded below

The Info Card

On the preview page, an overlay card shows the project name, description, and available lines. On mobile, lines appear as horizontally scrollable cards.

Screenshot: Mobile preview showing the info card at the bottom — project title, description, and line cards in a horizontal scroll

The card minimizes automatically when the viewer interacts with the 3D scene (touch or click). It collapses to just the title and description. Tap the card or the arrow button to expand it again.

Screenshot: Side-by-side — left shows expanded info card with routes, right shows minimized card with just title and an up-arrow button

Entering a Line

Tap a line card to enter it. The camera flies to the line and the overlay transitions to show the line's name, description, and a scrollable list of tags. The active tag highlights as you scroll.

Screenshot: Inside a line — expanded card showing line title, description, tag list with one highlighted, 3D scene showing the path

If the line has Autoplay enabled, the camera starts moving automatically. A play/pause button with a progress ring shows in the header. Touch the scene to pause, tap the button to resume.

Screenshot: Autoplay active — play/pause button with circular progress ring arc, camera moving along the line

Leaving a Line

Tap the Done button at the bottom of the line card to exit. The camera flies back to the project's start view and the browse card reappears.

Screenshot: Done button at the bottom of the expanded line card — white button, full width

URL Parameters

The preview URL supports optional parameters:

  • ?vanilla=true — hides all UI overlays, showing only the 3D scene
  • ?cover=true — shows just the start view as a static image (for thumbnails/previews)

Mobile

The preview is fully responsive. On mobile:

  • The info card appears at the bottom with larger touch targets
  • Line cards are wider and horizontally scrollable
  • Hover effects are disabled (no orbit dot, no line hover tooltip, no cursor preview sphere)
  • The expanded line card minimizes on touch — shows 3 tags and a 2-line description
  • Tap to expand back to the full list

Screenshot: Mobile preview — bottom card with large line cards, touch-friendly layout, no hover elements visible