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 information-button parameter you can hide or show the information button.
- Using the information-hotspots parameter you can hide or show the information hotspots.
- Using the customize-button parameter you can hide or show the customize button.
- Using the customize-hotspots parameter you can hide or show the customize hotspots.
- Using the share-button parameter you can hide or show the share 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>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) |
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>Information button
Using the information-button parameter you can hide or show the information button.
| Parameter | Supported values | Default value |
|---|---|---|
information-button | 1 (on) or 0 (off) | 0 (off) |
Example
<iframe
src="https://vulp.studio/foxmountain/chair-preview/en-US?information-button=1"
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>Information hotspots
Using the information-hotspots parameter you can hide or show the information hotspots. This parameter should be used in combination with information-button=1.
| Parameter | Supported values | Default value |
|---|---|---|
information-hotspots | 1 (on) or 0 (off) | 1 (on) |
Example
<iframe
src="https://vulp.studio/foxmountain/chair-preview/en-US?information-hotspots=1&information-button=1"
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>Customize button
Using the customize-button parameter you can hide or show the customize button.
| Parameter | Supported values | Default value |
|---|---|---|
customize-button | 1 (on) or 0 (off) | 0 (off) |
Example
<iframe
src="https://vulp.studio/foxmountain/moped/en-US?customize-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>Customize hotspots
Using the customize-hotspots parameter you can hide or show the customize hotspots. This parameter should be used in combination with customize-button=1.
| Parameter | Supported values | Default value |
|---|---|---|
customize-hotspots | 1 (on) or 0 (off) | 1 (on) |
Example
<iframe
src="https://vulp.studio/foxmountain/moped/en-US?customize-hotspots=1&customize-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>Share button
Using the share-button parameter you can hide or show the overlay button.
| Parameter | Supported values | Default value |
|---|---|---|
share | 1 (on) or 0 (off) | 1 (on) |
Example
<iframe
src="https://vulp.studio/foxmountain/moped/en-US?share-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>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>