# \#annotations

**URL:** https://discourse.threejs.org/tag/annotations/515.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Dynamic annotations on Obj loaded model](https://discourse.threejs.org/t/dynamic-annotations-on-obj-loaded-model/68521)

<div class="topic-metadata">

**Author:** [@LFdeSouza](https://discourse.threejs.org/u/LFdeSouza)\
**Replies:** 4\
**Last updated:** [July 26, 2024, 6:50pm UTC](https://discourse.threejs.org/t/dynamic-annotations-on-obj-loaded-model/68521 "2024-07-26T18:50:09Z")

</div>

Hi all. I’m having trouble with adding annotations to a loaded OBJ model. What I want to do is to allow the user to add annotations to the surface a rendered object on click. I managed to achieve this with a boxGeometr…

---

## [Annotation Text attached to part of 3d model](https://discourse.threejs.org/t/annotation-text-attached-to-part-of-3d-model/60281)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 3\
**Last updated:** [January 14, 2024, 3:46pm UTC](https://discourse.threejs.org/t/annotation-text-attached-to-part-of-3d-model/60281 "2024-01-14T15:46:19Z")

</div>

Hi guys We are creating a 3d tool in a company. It contains different capabilities like adding a 3d model , Transforming it , adding textures, etc. The next one is adding text annotations on each layer of 3d model tha…

---

## [How to create Sketchfab like annotations with Three.js?](https://discourse.threejs.org/t/how-to-create-sketchfab-like-annotations-with-three-js/12595)

<div class="topic-metadata">

**Author:** [@karanganesan](https://discourse.threejs.org/u/karanganesan)\
**Replies:** 33\
**Last updated:** [August 17, 2023, 6:57am UTC](https://discourse.threejs.org/t/how-to-create-sketchfab-like-annotations-with-three-js/12595 "2023-08-17T06:57:06Z")

</div>

Check this example I have created the hotspot/annotation but I can’t find a logic to detect a marker if it goes behind the camera’s field of view So I have tried a couple of methods already Based on dista…

---

## [How to create Sketchfab like annotations and click zoom with Three.js?](https://discourse.threejs.org/t/how-to-create-sketchfab-like-annotations-and-click-zoom-with-three-js/30608)

<div class="topic-metadata">

**Author:** [@ninewill](https://discourse.threejs.org/u/ninewill)\
**Replies:** 3\
**Last updated:** [August 17, 2023, 6:55am UTC](https://discourse.threejs.org/t/how-to-create-sketchfab-like-annotations-and-click-zoom-with-three-js/30608 "2023-08-17T06:55:23Z")

</div>

HI How to create Sketchfab like annotations and click zoom with Three.js? I have found a case： WebGL/three.js Annotations | manu.ninja But is there an example of clicking to zoom like this?：Giant sculpture of a scarab …

---

## [How to make annotations move with the 3D model](https://discourse.threejs.org/t/how-to-make-annotations-move-with-the-3d-model/17359)

<div class="topic-metadata">

**Author:** [@novice\_coder](https://discourse.threejs.org/u/novice_coder)\
**Replies:** 14\
**Last updated:** [August 17, 2023, 6:53am UTC](https://discourse.threejs.org/t/how-to-make-annotations-move-with-the-3d-model/17359 "2023-08-17T06:53:24Z")

</div>

I am trying to render a 3D model with annotations similar to https://sketchfab.com/3d-models/interactive-test-778258c754a74d37a72d3274b80c6ce1. I have been using https://manu.ninja/webgl-three-js-annotations/ as a refere…

---

## [Adding annotations (or markers) dynamically after rotating an object](https://discourse.threejs.org/t/adding-annotations-or-markers-dynamically-after-rotating-an-object/53971)

<div class="topic-metadata">

**Author:** [@alexnorvag](https://discourse.threejs.org/u/alexnorvag)\
**Replies:** 2\
**Last updated:** [July 17, 2023, 6:13pm UTC](https://discourse.threejs.org/t/adding-annotations-or-markers-dynamically-after-rotating-an-object/53971 "2023-07-17T18:13:15Z")

</div>

Hey guys. :wave: I need some help from the three.js community. I faced with a problem with dynamically adding annotations to the surface of an object that has been rotated using Transform Controls. The user clicks on …

---

## [How to add hotspot to 3d models?](https://discourse.threejs.org/t/how-to-add-hotspot-to-3d-models/17874)

<div class="topic-metadata">

**Author:** [@Ashwath-Shetty](https://discourse.threejs.org/u/Ashwath-Shetty)\
**Replies:** 3\
**Last updated:** [February 26, 2023, 10:34am UTC](https://discourse.threejs.org/t/how-to-add-hotspot-to-3d-models/17874 "2023-02-26T10:34:36Z")

</div>

I’m a beginner to three.js.I’m trying to build something similar to this https://virtualshowroom.nissan.in/car-selected.html?selectedCar=ext360\_deep\_blue\_pearl. I built everything using three.js, but I’m not able to figu…

---

## [Need guidance in annotations](https://discourse.threejs.org/t/need-guidance-in-annotations/40529)

<div class="topic-metadata">

**Author:** [@Gundeep\_Singh](https://discourse.threejs.org/u/Gundeep_Singh)\
**Replies:** 0\
**Last updated:** [July 20, 2022, 10:57am UTC](https://discourse.threejs.org/t/need-guidance-in-annotations/40529 "2022-07-20T10:57:14Z")

</div>

Hello guys, how are you?, I need one guidance like I am working on a project where user drag and drop a GLB and then add hotspot by clicking on GLB till here it works well, now I want to know suppose there are two users …

---

## [Draw Line With Html From position](https://discourse.threejs.org/t/draw-line-with-html-from-position/39133)

<div class="topic-metadata">

**Author:** [@Nursefa\_Baybara](https://discourse.threejs.org/u/Nursefa_Baybara)\
**Replies:** 7\
**Last updated:** [June 20, 2022, 9:23pm UTC](https://discourse.threejs.org/t/draw-line-with-html-from-position/39133 "2022-06-20T21:23:15Z")

</div>

I want to show the dimension of my modal using html/css, I already made it with points but which I want is line to connect points. How can I do that? Thanks

---

## [Looking for animated annotation guidance](https://discourse.threejs.org/t/looking-for-animated-annotation-guidance/30213)

<div class="topic-metadata">

**Author:** [@alex.bristow3](https://discourse.threejs.org/u/alex.bristow3)\
**Replies:** 4\
**Last updated:** [September 24, 2021, 11:11am UTC](https://discourse.threejs.org/t/looking-for-animated-annotation-guidance/30213 "2021-09-24T11:11:42Z")

</div>

I’m very new to this type of development and I am still getting familiar with the vocabulary and all. Right now I have a model of a room with various objects placed about that are animated. What I would like to achieve…

---

## [Is there any way to open the URL on click of the label(annotation/dimension) just like an hotspot](https://discourse.threejs.org/t/is-there-any-way-to-open-the-url-on-click-of-the-label-annotation-dimension-just-like-an-hotspot/25768)

<div class="topic-metadata">

**Author:** [@praful](https://discourse.threejs.org/u/praful)\
**Replies:** 2\
**Last updated:** [April 28, 2021, 9:36am UTC](https://discourse.threejs.org/t/is-there-any-way-to-open-the-url-on-click-of-the-label-annotation-dimension-just-like-an-hotspot/25768 "2021-04-28T09:36:14Z")

</div>

I have used a raycaster on an object and when I try to sort to get label details through intersects\[0\].object.parent.children\[3\].name and add URL inside it then it works on labels as well as the complete object i.e. URL …

---

## [How to attach lines to GLTF model](https://discourse.threejs.org/t/how-to-attach-lines-to-gltf-model/23736)

<div class="topic-metadata">

**Author:** [@JCTalbott](https://discourse.threejs.org/u/JCTalbott)\
**Replies:** 0\
**Last updated:** [February 23, 2021, 2:00am UTC](https://discourse.threejs.org/t/how-to-attach-lines-to-gltf-model/23736 "2021-02-23T02:00:02Z")

</div>

Hello. I have loaded a 3D GLTF model and it currently appears on top of an AR marker (using AR.js). I need to add text and lines that point from text to certain aspects of the 3D model. I would also like to rotate the m…

---

## [Adding hotspot to sphere geometry 360 image texture](https://discourse.threejs.org/t/adding-hotspot-to-sphere-geometry-360-image-texture/22461)

<div class="topic-metadata">

**Author:** [@Dan\_Patil](https://discourse.threejs.org/u/Dan_Patil)\
**Replies:** 3\
**Last updated:** [January 19, 2021, 9:46am UTC](https://discourse.threejs.org/t/adding-hotspot-to-sphere-geometry-360-image-texture/22461 "2021-01-19T09:46:58Z")

</div>

Hi, I am totally new to THREEJS. All I was able to do so far is load 360 image. I am looking to add hotspots on the image, on click of which it opens the dialog popup with some information. As I am new can somebody pleas…

---

## [How I can add the countries markers on globe? Can anyone guide?](https://discourse.threejs.org/t/how-i-can-add-the-countries-markers-on-globe-can-anyone-guide/21239)

<div class="topic-metadata">

**Author:** [@malikfaizanhaider](https://discourse.threejs.org/u/malikfaizanhaider)\
**Replies:** 1\
**Last updated:** [December 4, 2020, 10:18am UTC](https://discourse.threejs.org/t/how-i-can-add-the-countries-markers-on-globe-can-anyone-guide/21239 "2020-12-04T10:18:47Z")

</div>

Hi, I’ve just create this WebGL prototype of a globe made of evenly spaced dots that light up as you fly to any of the 236 countries on the planet using data-path=“travel/PK” . :thinking: but now I’m trying to add marker…

---

## [Threejs Tooltip](https://discourse.threejs.org/t/threejs-tooltip/18256)

<div class="topic-metadata">

**Author:** [@Yongs](https://discourse.threejs.org/u/Yongs)\
**Replies:** 17\
**Last updated:** [September 9, 2020, 10:14am UTC](https://discourse.threejs.org/t/threejs-tooltip/18256 "2020-09-09T10:14:37Z")

</div>

Hi, I want Show ‘label’ in threejs (Tooltip) This is my code. create cube is OK. create label is OK. But, It is not visiable in screen. Thank you and please help me. InitTooltip(){ var geometry = new THREE.BoxG…

---

## [How should I store names/annotations inside glb file? ](https://discourse.threejs.org/t/how-should-i-store-names-annotations-inside-glb-file/19955)

<div class="topic-metadata">

**Author:** [@Naomi\_Yoshida](https://discourse.threejs.org/u/Naomi_Yoshida)\
**Replies:** 2\
**Last updated:** [October 20, 2020, 10:34pm UTC](https://discourse.threejs.org/t/how-should-i-store-names-annotations-inside-glb-file/19955 "2020-10-20T22:34:27Z")

</div>

Dear Amazing People, Currently, I am working on a project with regard to medical annotations for educational uses. For example, here is a lung.glb( was created from CT scan, DICOM files) file and I want it to have nod…

---

## [Tag areas in 3D model with perfectly aligned planes(rectangles)](https://discourse.threejs.org/t/tag-areas-in-3d-model-with-perfectly-aligned-planes-rectangles/19600)

<div class="topic-metadata">

**Author:** [@Ujwaldeep\_Singh](https://discourse.threejs.org/u/Ujwaldeep_Singh)\
**Replies:** 4\
**Last updated:** [October 10, 2020, 12:01pm UTC](https://discourse.threejs.org/t/tag-areas-in-3d-model-with-perfectly-aligned-planes-rectangles/19600 "2020-10-10T12:01:58Z")

</div>

Hi I am facing an issue which has to do with drawing rectangles (planes) on certain objects in my 3D model. I would like to be able to draw rectangle perfectly aligned with objects. Please see the following This is ou…

---

## [HTML Labels position lag starting from r113](https://discourse.threejs.org/t/html-labels-position-lag-starting-from-r113/17569)

<div class="topic-metadata">

**Author:** [@weiserhei](https://discourse.threejs.org/u/weiserhei)\
**Replies:** 4\
**Last updated:** [August 18, 2020, 2:48pm UTC](https://discourse.threejs.org/t/html-labels-position-lag-starting-from-r113/17569 "2020-08-18T14:48:27Z")

</div>

Hello, im displaying some html/css labels in my application and noticed a serious lag in position update. I can pinpoint this problem to r113+ (112 doesnt have this issue). The migration guide states many Math and matr…

---

## [Make the annotation follow the sprite](https://discourse.threejs.org/t/make-the-annotation-follow-the-sprite/13001)

<div class="topic-metadata">

**Author:** [@Fernando\_Cunha](https://discourse.threejs.org/u/Fernando_Cunha)\
**Replies:** 0\
**Last updated:** [February 24, 2020, 4:49pm UTC](https://discourse.threejs.org/t/make-the-annotation-follow-the-sprite/13001 "2020-02-24T16:49:15Z")

</div>

Hi, a made a scene where I put a sprite. Clicking the sprite makes an html annotation to appear. But if you rotate the scene the annotation does not follow the sprite. The click gets the mouse x and y onclick. Any ide…

---

## [Help with sketchfab like annotations](https://discourse.threejs.org/t/help-with-sketchfab-like-annotations/17256)

<div class="topic-metadata">

**Author:** [@novice\_coder](https://discourse.threejs.org/u/novice_coder)\
**Replies:** 4\
**Last updated:** [July 24, 2020, 12:19am UTC](https://discourse.threejs.org/t/help-with-sketchfab-like-annotations/17256 "2020-07-24T00:19:02Z")

</div>

I am trying to recreate sketchfab like annotation similar to this https://sketchfab.com/3d-models/interactive-test-778258c754a74d37a72d3274b80c6ce1 . I have been using https://manu.ninja/webgl-three-js-annotations/ as a …

---

## [How to show dimension Arrow with our object](https://discourse.threejs.org/t/how-to-show-dimension-arrow-with-our-object/16907)

<div class="topic-metadata">

**Author:** [@mashish](https://discourse.threejs.org/u/mashish)\
**Replies:** 2\
**Last updated:** [July 9, 2020, 4:23am UTC](https://discourse.threejs.org/t/how-to-show-dimension-arrow-with-our-object/16907 "2020-07-09T04:23:23Z")

</div>

How to show both ends Arrow for dimension with our object for showing object width and height. using three with react js.

---

## [Labels on particles in particle system?](https://discourse.threejs.org/t/labels-on-particles-in-particle-system/16653)

<div class="topic-metadata">

**Author:** [@LonnieTC](https://discourse.threejs.org/u/LonnieTC)\
**Replies:** 2\
**Last updated:** [July 1, 2020, 6:34pm UTC](https://discourse.threejs.org/t/labels-on-particles-in-particle-system/16653 "2020-07-01T18:34:08Z")

</div>

Hello All, I am really new to Three.js but from what I have seen, it looks awesome. I have come across as spiral galaxy simulation that I am trying to modify for my needs in some number theory research so that I can vi…

---

## [How to put an interactive text widget on top of your 3D object?](https://discourse.threejs.org/t/how-to-put-an-interactive-text-widget-on-top-of-your-3d-object/4782)

<div class="topic-metadata">

**Author:** [@Sander87](https://discourse.threejs.org/u/Sander87)\
**Replies:** 6\
**Last updated:** [November 6, 2018, 8:45am UTC](https://discourse.threejs.org/t/how-to-put-an-interactive-text-widget-on-top-of-your-3d-object/4782 "2018-11-06T08:45:38Z")

</div>

Hi all, I am working on an app which allows the user to drag-and-drop a 2D text widget on top of an object. This text widget needs to be customisable, so you can change It’s color, font, scale, rotation. You will have…

---

## [3ds Max GLTF Scene Setup](https://discourse.threejs.org/t/3ds-max-gltf-scene-setup/16239)

<div class="topic-metadata">

**Author:** [@frogman\_pep](https://discourse.threejs.org/u/frogman_pep)\
**Replies:** 3\
**Last updated:** [June 16, 2020, 10:23am UTC](https://discourse.threejs.org/t/3ds-max-gltf-scene-setup/16239 "2020-06-16T10:23:30Z")

</div>

Code Result Wanted to get some input on how to improve the procedures I followed to get this result. What I’m mostly after is improving the texturing on the outside wheel an overall realism \[Just applied diffuse mater…

---

## [Adding navigation buttons](https://discourse.threejs.org/t/adding-navigation-buttons/15914)

<div class="topic-metadata">

**Author:** [@Richard\_Davis](https://discourse.threejs.org/u/Richard_Davis)\
**Replies:** 4\
**Last updated:** [June 5, 2020, 7:17pm UTC](https://discourse.threejs.org/t/adding-navigation-buttons/15914 "2020-06-05T19:17:40Z")

</div>

Hi, I have this project where multiple html/css 2D button navigation has to be added to a three.js webgl brain: http://imajinnation.432.co.za/Neural-Network/Neural-Network-2/ I’ve tried following this article but as…

---

## [GLTFloader with annotation](https://discourse.threejs.org/t/gltfloader-with-annotation/15663)

<div class="topic-metadata">

**Author:** [@mkinney88](https://discourse.threejs.org/u/mkinney88)\
**Replies:** 1\
**Last updated:** [May 28, 2020, 6:26pm UTC](https://discourse.threejs.org/t/gltfloader-with-annotation/15663 "2020-05-28T18:26:06Z")

</div>

Hello, I am working on displaying a GLTF model in three.js. I would like to be able to add annotations to certain meshes. I am having a hard time trying to find information on how to implement this. var camera, scene, …

---

## [Three.js hotspots](https://discourse.threejs.org/t/three-js-hotspots/14299)

<div class="topic-metadata">

**Author:** [@UI\_UNICORN](https://discourse.threejs.org/u/UI_UNICORN)\
**Replies:** 2\
**Last updated:** [April 13, 2020, 7:24pm UTC](https://discourse.threejs.org/t/three-js-hotspots/14299 "2020-04-13T19:24:32Z")

</div>

Hello wonderful people, So I am new to three js and I am currently looking into attaching hotspots to my scene and I am wondering if anyone has ever used this lib: and if there are any demos out there ? as I can’t…

---

## [Hotspot with animation](https://discourse.threejs.org/t/hotspot-with-animation/13508)

<div class="topic-metadata">

**Author:** [@cornello](https://discourse.threejs.org/u/cornello)\
**Replies:** 9\
**Last updated:** [March 16, 2020, 7:20am UTC](https://discourse.threejs.org/t/hotspot-with-animation/13508 "2020-03-16T07:20:44Z")

</div>

Hi there, I am looking for someone is able to make Hotspot Buttons on a three.js product model with an animation to that targets and back to home perspective? Thanks a lot, Cornello

---

## [How to make html annotation in with GLTF model?](https://discourse.threejs.org/t/how-to-make-html-annotation-in-with-gltf-model/11153)

<div class="topic-metadata">

**Author:** [@sureshwisdom](https://discourse.threejs.org/u/sureshwisdom)\
**Replies:** 3\
**Last updated:** [December 4, 2019, 2:54am UTC](https://discourse.threejs.org/t/how-to-make-html-annotation-in-with-gltf-model/11153 "2019-12-04T02:54:34Z")

</div>

Is there any possible way to create html annotation in gltf using three.js

---

## [How to check if a CSS2DObject is occluded by other objects?](https://discourse.threejs.org/t/how-to-check-if-a-css2dobject-is-occluded-by-other-objects/10034)

<div class="topic-metadata">

**Author:** [@TKey99](https://discourse.threejs.org/u/TKey99)\
**Replies:** 1\
**Last updated:** [October 4, 2019, 11:53am UTC](https://discourse.threejs.org/t/how-to-check-if-a-css2dobject-is-occluded-by-other-objects/10034 "2019-10-04T11:53:18Z")

</div>

What I have so far I am trying to implement annotations similar to those which can be seen at sketchfab.com. Currently I use CSS2DObjects and the CSS2DRenderer to display annotations. Every annotation-object is added to…

[Next page](https://discourse.threejs.org/tag/annotations/515.md?match_all_tags=true&page=1&tags%5B%5D=annotations)