The Threekit Player
  • Dark
    Light

The Threekit Player

  • Dark
    Light

There are both a 3D and a 2D version of the Threekit Player. The 3D version of the player presents an interactive experience (shown below), and a path to Augmented Reality, while the 2D Player allows the user to view renders based on combinations of attribute values.

window.threekitPlayer({ authToken: "c2135b28-a743-435d-b458-ab8940c8ec22", el: document.getElementById("threeplayerdiv1"), assetId:"98765cf5-9a4b-455d-bd86-871cd9822395", showConfigurator: false})

Within the Threekit Platform, the player is present on both the Preview panel of an Item and on the Asset View page.


Controls

The "?" button provides information on Rotating, Zooming, and Panning
2020-06-25_22-23-58.png


Sharing

HItting the share button provides a resumable link to the user.
2020-06-25_22-21-29.png

Additionally, whenever the Share button is pressed, a record is created within the Configurations tab.


AR (Augmented Reality)

When on mobile, the user has the freedom to view the product in AR by pressing the "View in your space" button in the lower left of the player.
giphy.gif

NOTE: Configurable products will retain present configuration upon pressing the "View in your Space" button. The corresponding gltf or usdz files are retrievable within Jobs.

Desktop to Mobile AR is also available, via the "View in your space" button. Simply press the button and scan the QR code to view the item in your space.

MobileDesktopToAR.png

Be sure to consult this article for proper intitialization parameters regarding display of this button.


The 2D Player

Within the Preview panel of a Catalog Item, the referenced asset is presented within the 3D Player. The user may toggle to the 2D player by way of the button in the upper right corner of the player viewport.
2020-06-25_22-31-49.png

Virtual Photos of the Catalog Item must exist in order to make use of the 2D player. Once viewing the Item within the 2D player, the user can manipulate the Attributes to view the corresponding Virtual Photos of the Item.

Additionally, mousing over the 2D player zooms into the image by default.
2020-12-29_10-37-25 (1).gif

Was This Article Helpful?