# \#hotspots

**URL:** https://discourse.threejs.org/tag/hotspots/839.md

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

---

## [Virtual Interiors with cube maps](https://discourse.threejs.org/t/virtual-interiors-with-cube-maps/79839)

<div class="topic-metadata">

**Author:** [@yodha](https://discourse.threejs.org/u/yodha)\
**Replies:** 6\
**Last updated:** [March 22, 2025, 2:13pm UTC](https://discourse.threejs.org/t/virtual-interiors-with-cube-maps/79839 "2025-03-22T14:13:50Z")

</div>

I came across the website, with a bit of tinkering it became obvious that this was made using cube maps, but I fail to understand how the hotspots are added to the cube maps and how the videos(the fireplace and the TV)…

---

## [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 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…

---

## [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…

---

## [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…

---

## [Adding a marker to 3D model](https://discourse.threejs.org/t/adding-a-marker-to-3d-model/19472)

<div class="topic-metadata">

**Author:** [@Gary7](https://discourse.threejs.org/u/Gary7)\
**Replies:** 6\
**Last updated:** [November 19, 2020, 3:39am UTC](https://discourse.threejs.org/t/adding-a-marker-to-3d-model/19472 "2020-11-19T03:39:31Z")

</div>

Hey, I’d like to add markers / hotspots to my 3D model by double clicking. I found one kind of example here: https://hofk.de/main/discourse.threejs/2018/SetRemoveMarkers/SetRemoveMarkers.html but it doesn’t transfer to …

---

## [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 …

---

## [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…

---

## [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