This is the list of all the properties of the embed viewer. Each property is a single attribute on the HTML tag.

e.g. the scale property will be: <aryel-embed scale="2 2 2"></aryel-embed>.

Property Description Type Default
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad The scale of the object. Must be a 3D vector with three values (x y z). Vector3 1 1 1
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad The position of the object. Must be a 3D vector with three values (x y z). Vector3 0 0 0
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad The rotation of the object. Must be three values in degrees (x y z). String 0 0 0
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad It enable the button in the viewer. If you specify a value for this attribute, the value will be the text of the button. If only the attribute is provided without a value, the text of the button will be “View in AR”. Attribute only or String
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad Button text color. Hex color #fff
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad Button background color. Hex color linear-gradient(315deg, #ff00cf 0%, #d800da 100%)
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad Loader color. Hex color #fc1aa0
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad Disable touch and drag gestures. Attribute only false
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad Enable auto rotate of object. Attribute only false
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad Specify a custom hdr background. String default-environment
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad Enable viewer background with the environment provided. Attribute only false
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad 3D renderer output encoding. String linear
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad Camera settings. List of key-value parameters divided by semi-column fov: 75; near: 0.1; far: 1000; position: 0 0 30;
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad Minimum distance to zoom-in. Number 12
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad Maximum distance to zoom-out. Number 30
https://aryelhq.notion.site/How-to-manage-Properties-dd806d88a7c04f34906e90a9e058efad Bloom settings. List of key-value parameters divided by semi-column strength: 0.25; threshold: 0; radius: 0;

<aside> 💡 Check the browser console if a property you set is not reflected in the viewer. If something is wrong with how you’ve written the attributes, it will be logged there.

</aside>

Scale

Define the scale of your 3D object.

<aryel-embed campaign="your-campaign-id" scale="3 3 3"></aryel-embed>

Position

Define the position of your 3D object.

<aryel-embed campaign="your-campaign-id" position="1 2 -4"></aryel-embed>

<aside> 💡 The position can also be used to correct a 3D model position if its origin coordinates are not aligned to its center.

</aside>

Rotation