Buttons and overlays

Set the look and feel of the buttons and overlays.

Description

The look and feel of the buttons and overlays can be changed using (a combination of) parameters:

  1. Using the menu parameter you can enable or disable the entire menu.
  2. Using the color-button parameter you can hide or show the color button.
  3. Using the overlay-button parameter you can hide or show the overlay button.
  4. Using the title parameter you can hide or show the title of your model.
  5. Using the hotspot-button parameter you can hide or show the hotspot button.
  6. Using the hotspots parameter you can hide or show all hotspot types at once.
  7. Using the active-hotspots parameter you can specify which hotspot types should be used.
  8. Using the share-button parameter you can hide or show the share button.
  9. Using the fullscreen-button parameter you can hide or show the fullscreen button.
  10. Using the ar-button parameter you can hide or show the augmented reality (AR) button.

Using the menu parameter you can enable or disable the entire menu.

ParameterSupported valuesDefault value
menu1 (on) or 0 (off)1 (on)

Example

  <iframe
      src="https://vulp.studio/foxmountain/moped/en-US?menu=0"
      allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Moped - vulp.studio"
  ></iframe>

Color button

Using the color-button parameter you can hide or show the color button.

ParameterSupported valuesDefault value
color-button1 (on) or 0 (off)1 (on)

Example

  <iframe
      src="https://vulp.studio/foxmountain/moped/en-US?color-button=0"
      allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Moped - vulp.studio"
  ></iframe>

Overlays

Overlay button

Using the overlay-button parameter you can hide or show the overlay button.

ParameterSupported valuesDefault value
overlay-button1 (on) or 0 (off)1 (on)

Overlays

Using the overlays parameter you can show or hide specific overlays. Provide overlay names in a comma-separated list, with :1 to show or :0 to hide.

ParameterSupported valuesDefault value
overlaysoverlayname:1 (show) or overlayname:0 (hide)All overlays shown

For example: overlays=dimensions:1,measurements:0 shows the ‘dimensions’ overlay but hides the ‘measurements’ overlay.

Example

  <iframe
      src="https://vulp.studio/foxmountain/chair-preview/en-US?overlay-button=0"
      allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Chair-Preview - vulp.studio"
  ></iframe>

Title

Using the title parameter you can hide or show the title of your model.

ParameterSupported valuesDefault value
title1 (on) or 0 (off)1 (on)

Example

  <iframe
      src="https://vulp.studio/foxmountain/moped/en-US?title=0"
      allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Moped - vulp.studio"
  ></iframe>

Hotspot button

Using the hotspot-button parameter you can hide or show the hotspot button.

ParameterSupported valuesDefault value
hotspot-button1 (on) or 0 (off)0 (off)

Example

  <iframe
      src="https://vulp.studio/foxmountain/armchair/en-US?hotspot-button=1"
      allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Armchair - vulp.studio"
  ></iframe>

Hotspots

Using the hotspots parameter you can control the visibility of all hotspot types at once. This is a general parameter that affects information, customize, and animation hotspots simultaneously.

ParameterSupported valuesDefault value
hotspots1 (on) or 0 (off)0 (off)

Example

  <iframe
      src="https://vulp.studio/foxmountain/armchair/en-US?hotspots=1&amp;hotspot-button=1"
      allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Armchair - vulp.studio"
  ></iframe>

Active hotspots

Using the active-hotspots parameter you can specify which hotspot types should be used in the model. Provide hotspot type names in a comma-separated list. Available types are: information, customize, and animation.

ParameterSupported valuesDefault value
active-hotspotsComma-separated list of hotspot types: information, customize, animationAll types active

For example: active-hotspots=information,customize will only show information and customize hotspots, while animation hotspots will be hidden.

Example

  <iframe
      src="https://vulp.studio/foxmountain/armchair/en-US?active-hotspots=information,customize&amp;hotspot-button=1"
      allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Armchair - vulp.studio"
  ></iframe>

Share button

Using the share-button parameter you can hide or show the overlay button.

ParameterSupported valuesDefault value
share-button1 (on) or 0 (off)1 (on)

Example

  <iframe
      src="https://vulp.studio/foxmountain/moped/en-US?share-button=1"
      allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Moped - vulp.studio"
  ></iframe>

Fullscreen button

Using the fullscreen-button parameter you can hide or show the overlay button. Note that the fullscreen button is never shown when Augmented Reality (AR) is supported, since AR is considered superior to the fullscreen mode.

ParameterSupported valuesDefault value
fullscreen-button1 (on) or 0 (off)1 (on)

Example

  <iframe
      src="https://vulp.studio/foxmountain/moped/en-US?fullscreen-button=1"
      allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Moped - vulp.studio"
  ></iframe>

AR button

Using the ar-button parameter you can hide or show the augmented reality (AR) button.

ParameterSupported valuesDefault value
share1 (on) or 0 (off)1 (on)

Example

  <iframe
      src="https://vulp.studio/foxmountain/moped/en-US?ar-button=0"
      allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Moped - vulp.studio"
  ></iframe>