Practitioner ⭐️

Solved

Learn Cognite 3D Model

Forum|Forum|3 years ago
February 8, 2023
27 replies
451 views

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

Best answer by Lars Moastuen

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.

K

Karthik KaliyaperumalAuthor

Practitioner ⭐️

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

K

Karthik KaliyaperumalAuthor

Practitioner ⭐️

How to use fitCameraToBoundingBox method? please share some info.

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

P

pramod.s

Practitioner ⭐️⭐️⭐️

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);
```

Lars MoastuenAnswer

Expert ⭐️⭐️⭐️⭐️

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.

Lars Moastuen (Software Engineer, Atlas AI)

K

Karthik KaliyaperumalAuthor

Practitioner ⭐️

thank you so mush, its working

K

Karthik KaliyaperumalAuthor

Practitioner ⭐️

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

How to enable and disable mouse click event?

P

pramod.s

Practitioner ⭐️⭐️⭐️

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)”

K

Karthik KaliyaperumalAuthor

Practitioner ⭐️