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:
- Using the menu parameter you can enable or disable the entire menu.
- Using the color-button parameter you can hide or show the color button.
- Using the overlay-button parameter you can hide or show the overlay button.
- Using the title parameter you can hide or show the title of your model.
- Using the hotspot-button parameter you can hide or show the hotspot button.
- Using the hotspots parameter you can hide or show all hotspot types at once.
- Using the active-hotspots parameter you can specify which hotspot types should be used.
- Using the share-button parameter you can hide or show the share button.
- Using the fullscreen-button parameter you can hide or show the fullscreen button.
- Using the ar-button parameter you can hide or show the augmented reality (AR) button.
Menu
Using the menu
parameter you can enable or disable the entire menu.
Parameter | Supported values | Default value |
---|---|---|
menu | 1 (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.
Parameter | Supported values | Default value |
---|---|---|
color-button | 1 (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.
Parameter | Supported values | Default value |
---|---|---|
overlay-button | 1 (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.
Parameter | Supported values | Default value |
---|---|---|
overlays | overlayname: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.
Parameter | Supported values | Default value |
---|---|---|
title | 1 (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.
Parameter | Supported values | Default value |
---|---|---|
hotspot-button | 1 (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.
Parameter | Supported values | Default value |
---|---|---|
hotspots | 1 (on) or 0 (off) | 0 (off) |
Example
<iframe
src="https://vulp.studio/foxmountain/armchair/en-US?hotspots=1&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
.
Parameter | Supported values | Default value |
---|---|---|
active-hotspots | Comma-separated list of hotspot types: information , customize , animation | All 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&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.
Parameter | Supported values | Default value |
---|---|---|
share-button | 1 (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.
Parameter | Supported values | Default value |
---|---|---|
fullscreen-button | 1 (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.
Parameter | Supported values | Default value |
---|---|---|
share | 1 (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>