Camera

Adjust the camera to get the best look on your model.

Description

There are a couple of parameters which can be used to change the camera:

  1. Using the auto-rotate parameter you can define whether your model should automatically rotate or not.
  2. Using the camera-orbit parameter you can define how the camera is positioned with respect to your model.
  3. Using the camera-target parameter you can define the point the camera orbits around.
  4. Using the ar-placement parameter you can define whether your model is placed on the wall or on the ground.
  5. Using the min-camera-orbit parameter you can define how far the camera can be positioned with respect to your model.
  6. Using the max-camera-orbit parameter you can define how far the camera can be positioned with respect to your model.
  7. Using the disable-zoom parameter you can define whether you can zoom in/out or not.
  8. Using the disable-tap parameter you can define whether you can tap to ‘recenter camera position’.
  9. Using the ar-scale parameter you can define whether your product is scalable or has a fixed size in Augmented Reality.

Auto rotate

Using the auto-rotate parameter you can define whether your model should automatically rotate or not.

Values

Default value

1 (on).

Possible values

Possible values are 1 (on) and 0 (off).

Example 

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

Camera orbit

Using the camera-orbit you can define how the camera is positioned with respect to your model.

Values

The value consists of three parts:

  1. The horizontal position.
  2. The vertical position.
  3. The zoom percentage.

Default value

-20deg auto auto

Possible values

  1. Horizontal position in degrees (deg) or auto.
  2. Vertical position in degrees (deg) or auto.
  3. Zoom percentage in percentage (%), centimeter (cm) or millimeter (mm), or auto.

The values can be separated by either spaces or underscores (the latter is recommended).

Example 

  <iframe
      src="https://vulp.studio/foxmountain/moped/en-US?camera-orbit=30deg_-80deg_10m"
      allow="xr-spatial-tracking; fullscreen"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Moped - vulp.studio"
  ></iframe>

Camera target

Using the camera-target you can define the point the camera orbits around.

Values

The value consists of three parts:

  1. The horizontal position.
  2. The vertical position.
  3. The depth position.

Default value

auto auto auto

Possible values

  1. Horizontal position in millimeter (mm), centimeter (cm) or meter (m), or auto.
  2. Vertical position in millimeter (mm), centimeter (cm) or meter (m), or auto.
  3. Depth position in millimeter (mm), centimeter (cm) or meter (m), or auto.

The values can be separated by either spaces or underscores (the latter is recommended).

Example 

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

Placement

Using the ar-placement you can define whether your model is placed on the wall or on the ground. You can see the difference in how the shadow is displayed. When choosing the wall as placement, the user needs to scan the wall in augmented reality mode.

Values

Default value

The default value for ar-placement is set in the Content Management System (CMS).

Possible values

Floor (floor) or wall (wall).

Example 

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

Min camera orbit

Using the min-camera-orbit you can define how far the camera can be positioned with respect to your model.

Values

The value consists of three parts:

  1. Counterclockwise limit.
  2. Top-down limit.
  3. Zoom-in limit.

Default value

The default value for min-camera-orbit is set in the Content Management System (CMS).

Possible values

  1. Horizontal position in degrees (deg) or auto.
  2. Vertical position in degrees (deg) or auto.
  3. Zoom percentage in percentage (%), centimeter (cm) or millimeter (mm), or auto.

The values can be separated by either spaces or underscores (the latter is recommended).

Example 

  <iframe
      src="https://vulp.studio/foxmountain/moped/en-US?min-camera-orbit=-90deg_-178deg_1mm"
      allow="xr-spatial-tracking; fullscreen"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Moped - vulp.studio"
  ></iframe>

Max camera orbit

Using the max-camera-orbit you can define how far the camera can be positioned with respect to your model.

Values

The value consists of three parts:

  1. Clockwise limit.
  2. Bottom-up limit.
  3. Zoom-out limit.

Default value

The default value for max-camera-orbit is set in the Content Management System (CMS).

Possible values

  1. Horizontal position in degrees (deg) or auto.
  2. Vertical position in degrees (deg) or auto.
  3. Zoom percentage in percentage (%), centimeter (cm) or millimeter (mm), or auto.

The values can be separated by either spaces or underscores (the latter is recommended).

Example 

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

Disable zoom

Using the disable-zoom parameter you can define whether you can zoom in/out or not.

Values

Default value

1 (on).

Possible values

Possible values are 1 (on) and 0 (off).

Example 

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

Disable tap

Using the disable-tap parameter you can define whether you can tap to ‘recenter camera position’.

Values

Default value

1 (on).

Possible values

Possible values are 1 (on) and 0 (off).

Example 

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

AR scale

Using the ar-scale parameter you can define whether your product is scalable or has a fixed size in Augmented Reality.

Values

Default value

fixed (off).

Possible values

Possible values are fixed (off) and auto (on).

Example 

  <iframe
      src="https://vulp.studio/foxmountain/moped/en-US?ar-scale=auto"
      allow="xr-spatial-tracking; fullscreen"
      referrerpolicy="no-referrer-when-downgrade"
      width="600"
      height="510"
      frameBorder="0"
      title="Moped - vulp.studio"
  ></iframe>
← Viewer style
Buttons and overlays →