Marking and annotations and draw line to for it

Questions
1

Kindly have a look into the below link, how to create this kind of marking with line to mention (annotation).

https://human.biodigital.com/widgets/mt-sinai/?m=client/Mt_Sinai/heart_anatomy_tour_hr.json&ui-tour.chapters=true&bgstd=200,220,240,255,255,255&dk=10cf5c6d634dc6b59eb9dada328732cef9cc4d99

2

Example - https://playground.babylonjs.com/#XCPP9Y#20
Docs - The Babylon GUI | Babylon.js Documentation

4 Likes
3

It is looking slightly similar to that, But not exactly. Just rotate the model, then the marking will change and the hotspot will automatically pick the point and markings also being as 2d whenever the model gets rotated. How this is working? any idea?

4

Any solutions or references for this?

5

I believe that you may

  1. Take the abovementioned example with GUI labels
  2. Cast a ray from the camera to some predefined point or model’s mesh.
  3. Check if this mesh is visible and apply some logic (hide label, move label etc as you like to).
3 Likes
6

Hi,
You can do it from html

Click on cat to add the html label, it is up to you how you style it
Or from babylon GUI

later edit :))
I would go with babylonjs GUI and use occlusion query if you want to hide them when are ocluded

3 Likes