Learn Cognite 3d model, focus object, fit camera, search assets highlight object etc..

To focusat a clicked object inReveal, you can doGet “Point intersection with the object” usingCognite3DViewer.getIntersectionFromPixel(offsetX, offsetY).Create a bounding box around intersection point likeconst boundingBox = new THREE.Box3();boundingBox.setFromCenterAndSize(intersection.point, new THREE.Vector3(1, 1, 1));Use this bounding box in Cognite3DViewer.fitCameraToBoundingBox()viewer.fitCameraToBoundingBox(boundingBox, 250);Note that rather than using bounding box directly from the CDF API, it’s recommended to usehttps://cognitedata.github.io/reveal-docs/docs/api/classes/cognite_reveal.CogniteCadModel#getboundingboxbynodeidto get bounding box for a given node as this accounts for any transformation active on the model.

Cognite Hub

How to search object through assets ?
How to focus object?

How to use fitCameraToBoundingBox method? please share some info.

https://cognitedata.github.io/reveal-docs/docs/api/classes/cognite_reveal.DefaultCameraManager

To focus at a clicked object in Reveal, you can do

Get “Point intersection with the object” using Cognite3DViewer.getIntersectionFromPixel(offsetX, offsetY).

Create a bounding box around intersection point like

const boundingBox = new THREE.Box3();
boundingBox.setFromCenterAndSize(intersection.point, new THREE.Vector3(1, 1, 1));

Use this bounding box in Cognite3DViewer.fitCameraToBoundingBox()
```
viewer.fitCameraToBoundingBox(boundingBox, 250);
```

To focus at a clicked object in Reveal, you can do

Get “Point intersection with the object” using Cognite3DViewer.getIntersectionFromPixel(offsetX, offsetY).

Create a bounding box around intersection point like

const boundingBox = new THREE.Box3();
boundingBox.setFromCenterAndSize(intersection.point, new THREE.Vector3(1, 1, 1));

Use this bounding box in Cognite3DViewer.fitCameraToBoundingBox()
```
viewer.fitCameraToBoundingBox(boundingBox, 250);
```

Note that rather than using bounding box directly from the CDF API, it’s recommended to use https://cognitedata.github.io/reveal-docs/docs/api/classes/cognite_reveal.CogniteCadModel#getboundingboxbynodeid to get bounding box for a given node as this accounts for any transformation active on the model.

thank you so mush, its working

https://cognitedata.github.io/reveal-docs/docs/examples/click-reactions-cad

How to enable and disable mouse click event?

https://cognitedata.github.io/reveal-docs/docs/examples/click-reactions-cad

How to enable and disable mouse click event?

The documentation page you referred https://cognitedata.github.io/reveal-docs/docs/examples/click-reactions-cad/ shows how to enable mouse click event “viewer.on(‘click’, callbackFn)”, to disable, unsubscribe the event using “viewer.off(‘click’, callbackFn)”

https://cognitedata.github.io/reveal-docs/docs/examples/image360

how to apply 360ImageSet?

https://cognitedata.github.io/reveal-docs/docs/examples/image360

how to apply 360ImageSet?

Hey, seems to be a small bug in our documentation. You need to await the viewer.add360ImageSet(...) method as it returns a promise.

I add await but again error comming.

I add await but again error comming.

Can you confirm if 360 images are loaded?

It return empty object.

I have 3d Model

I try to achieve add circle then click rotate camera.

I add await but again error comming.

Which version of Reveal are you using? Image360Collection.on(...) was recently introduced in Reveal 4.1.0.

My version is "@cognite/reveal": "^4.0.0",

Ok, please update the dependency (as yarn.lock / npm.lock may still have 4.0.0 set).

please share sample code.

please share sample code.

Documentation covering 360 images can be found here: https://cognitedata.github.io/reveal-docs/docs/examples/image360

1.what is site_id ?

2.how to find site_id?

1.what is site_id ?

2.how to find site_id?

Documentation about 360 images data is available at https://docs.cognite.com/cdf/3d/guides/360images_upload/, you will find required details related to site_id & more about 360 image data