Event Listeners for Configuration change

[Will]

There are two approaches you can take. You can either take a snapshot with the client-side API or you can retrieve images on from the platform with our server-side API.

There is a small caveat with the snapshot technique: it creates an image from the current player’s viewport so if your user interacts with the model at all before taking a snapshot, that adjustment will be reflected in the snapshot. Be sure to either set a camera to position your item in the way you’d like or limit movement of the item in the platform.

I believe the server-side call may be your preference if you are trying to retrieve the fileId. You should not have to do any webgl renders since you already have images on the platform, this API call should get them to you.

Here are some posts that may help you, let me know if I can clarify anything:

Save image and then retrieve via client side

This is definitely possible from the client-side API. If you have an embedded player you can do a quick test with these 4 lines of code and it will capture the current contents in the player: let image = new Image(); let imgSrc = await player.snapshotAsync(); image.src = imgSrc; document.body.appendChild(image)

Save image and then retrieve via client side

If you need the thumbnails to match a configuration I would fire off a batch of WebGL renders so each configuration has an image attributed to it and we can query the Layers API for those images. It should be a matter of simply making a GET request to a URL similar to something like: https://{ENV}.threekit.com/api/layers/layer?bearer_token={TOKEN}&assetLayerConfiguration={CONFIG}&assetId={ASSETID} A couple of things to note: If you are making this request from the browser, make sure your be…