Camera API Integration

Development
1

Hello Will,

Can you suggest us how we can integrate Camera API . We want to get our product position on the basis of camera selection using API and want to show our end customer.

For example : camera1, camera2, camera3, camera4, camera5

Below is our site url where we want to implement. Kindly check and let us know.
Site URL:-edited

Thanks,
Vikram Sharma

2

Hi Vikram,

Please refer to this post for one potential approach on how to set cameras.

Let me know if this is helpful!

3

Hello Will,

We are trying to rotate product using configurator API and we have set 12 cameras of product.

Camera-Issue
Camera-Issue1920×1080 552 KB

We are try with below mentioned code but this is not working:

window.configurator.setConfiguration({ Camera Selection: Camera3 });

Kindly suggest us how we can implement.

Thanks

4

Hi Vikram,

Do the cameras you are trying to target exist in your asset or scene? You will need to place them into your scene and set up rules to target those cameras.

image

If Attribute Camera Angle = 1 → Set Active Camera to 1Camera

5

Ok we have done.

Thanks Will

6

Hello Will,

We are not able to change the color with the below mentioned code. Kindly help us how we can solve this problem.

window.configurator.setConfiguration({ “Standing Seam Color”: “Copper”});

Standing-Seam-Color
Standing-Seam-Color1920×1080 184 KB

Kindly check the screenshot.

7

Hi VIkram,

When you use a String value to set the configuration, that attribute type in Threekit must also be the type String.

It appears in your screenshot the Standing Steam Color attribute is an asset type with a value containing an object {assetId: 123-456-789, name: "Color-Name"}. You must set the configuration with the assetId value and not the name value. Please try this and let me know if it works.

8

Hello Will,

We have tried as you suggested us with below mentioned example but this is not working.

window.configurator.setConfiguration({ “Standing Seam Color”: ‘57f0fcb3-3437-48be-89aa-32b8904029c1’ });

9

Sorry if I was not clear enough - you will have to give the configurator API the assetID in an object. Please try it like this and let me know if you still have trouble:
window.configurator.setConfiguration({ “Standing Seam Color”: {assetId: "57f0fcb3-3437-48be-89aa-32b8904029c1"} })

10

Now It’s working.

Thanks Will

1 Like
11

Happy to help! Please let me know if I can assist further.