Skip to main content
Practitioner ⭐️
February 8, 2023
Solved

Learn Cognite 3D Model

  • 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

    1. Get “Point intersection with the object” using Cognite3DViewer.getIntersectionFromPixel(offsetX, offsetY).
    2. Create a bounding box around intersection point like

      const boundingBox = new THREE.Box3();
      boundingBox.setFromCenterAndSize(intersection.point, new THREE.Vector3(1, 1, 1));
    3.  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.

    27 replies

    Practitioner ⭐️⭐️⭐️
    February 10, 2023

    I add await but again error comming.

    Can you confirm if 360 images are loaded?

    Practitioner ⭐️
    February 10, 2023

    It return empty object.

    I have 3d Model

    I try to achieve add circle then click rotate camera.

     

    Practitioner ⭐️⭐️⭐️
    February 10, 2023

    I add await but again error comming.



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

    Practitioner ⭐️
    February 10, 2023

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

    Practitioner ⭐️⭐️⭐️
    February 10, 2023

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

    Practitioner ⭐️
    February 11, 2023

    please share sample code.

    Practitioner ⭐️⭐️⭐️
    February 11, 2023

    please share sample code.

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

    Practitioner ⭐️
    February 13, 2023

    1.what is site_id ?

    2.how to find site_id?

    Practitioner ⭐️⭐️⭐️
    February 13, 2023

    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

    Practitioner ⭐️
    February 14, 2023

    Hi. Please share image uploaded site_id.