# \#2d-overlay

**URL:** https://discourse.threejs.org/tag/2d-overlay/53.md

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

---

## [Going back to playing with three](https://discourse.threejs.org/t/going-back-to-playing-with-three/90938)

<div class="topic-metadata">

**Author:** [@didi\_softwares](https://discourse.threejs.org/u/didi_softwares)\
**Replies:** 0\
**Last updated:** [April 12, 2026, 8:06am UTC](https://discourse.threejs.org/t/going-back-to-playing-with-three/90938 "2026-04-12T08:06:29Z")

</div>

Cars It just got easier! In the upper left corner of the editor, you can create your map, and when you save it, you can retrieve the code to share it using the load button. After losing some things and my good PC, …

---

## [I want intersecting models to default to gray color instead of z-fighting/flickering](https://discourse.threejs.org/t/i-want-intersecting-models-to-default-to-gray-color-instead-of-z-fighting-flickering/84625)

<div class="topic-metadata">

**Author:** [@luahi](https://discourse.threejs.org/u/luahi)\
**Replies:** 1\
**Last updated:** [June 27, 2025, 10:49pm UTC](https://discourse.threejs.org/t/i-want-intersecting-models-to-default-to-gray-color-instead-of-z-fighting-flickering/84625 "2025-06-27T22:49:34Z")

</div>

Hello! I’m new to this community so still learning this library. I am making a 3D comparison tool and I want two models to have parts that are overlayed on top of each other (say one model has a part added to it, but th…

---

## [Aligning DOM annotations with 3D objects in immersive-ar](https://discourse.threejs.org/t/aligning-dom-annotations-with-3d-objects-in-immersive-ar/32422)

<div class="topic-metadata">

**Author:** [@LucaJunge](https://discourse.threejs.org/u/LucaJunge)\
**Replies:** 1\
**Last updated:** [February 27, 2024, 7:23pm UTC](https://discourse.threejs.org/t/aligning-dom-annotations-with-3d-objects-in-immersive-ar/32422 "2024-02-27T19:23:58Z")

</div>

Hello everybody, I’m trying to place clickable annotations made with DOM elements on objects in the 3d scene. It works for the normal “non-ar” view, but as soon as I start the AR mode (by clicking on one of the circles…

---

## [Need help scaling canvas properly to fit screen ratio and hide extra space for all devices](https://discourse.threejs.org/t/need-help-scaling-canvas-properly-to-fit-screen-ratio-and-hide-extra-space-for-all-devices/12562)

<div class="topic-metadata">

**Author:** [@Derek\_Lawrence](https://discourse.threejs.org/u/Derek_Lawrence)\
**Replies:** 2\
**Last updated:** [February 6, 2020, 5:31pm UTC](https://discourse.threejs.org/t/need-help-scaling-canvas-properly-to-fit-screen-ratio-and-hide-extra-space-for-all-devices/12562 "2020-02-06T17:31:50Z")

</div>

Hi I am attempting to have my UI dynamically scale. Ive gotten to the point where its scaling properly but what my issue is, is that when I hit the max scale in one direction I would like to cut the rest of the game off …

---

## [How to make a HUD (heads-up display) using depthWrite?](https://discourse.threejs.org/t/how-to-make-a-hud-heads-up-display-using-depthwrite/1516)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 4\
**Last updated:** [December 30, 2017, 2:38am UTC](https://discourse.threejs.org/t/how-to-make-a-hud-heads-up-display-using-depthwrite/1516 "2017-12-30T02:38:17Z")

</div>

The Material docs hint at the possibility of making HUDs (f.e. 2D overlays) by modifying material.depthWrite. How would this be done?

---

## [SpriteTexture Image getting zoomed with zooming of 3d model](https://discourse.threejs.org/t/spritetexture-image-getting-zoomed-with-zooming-of-3d-model/928)

<div class="topic-metadata">

**Author:** [@avinashsrivastava](https://discourse.threejs.org/u/avinashsrivastava)\
**Replies:** 1\
**Last updated:** [October 2, 2017, 9:28am UTC](https://discourse.threejs.org/t/spritetexture-image-getting-zoomed-with-zooming-of-3d-model/928 "2017-10-02T09:28:18Z")

</div>

Hi, I am creating spritetexture having png image to render but the size of this png image is also getting zoom with 3D model zoom in/out. Png image must not be scale with 3D model zoom in/out. It should be of fixed size…

---

## [2D plots overlayed on 3D scene?](https://discourse.threejs.org/t/2d-plots-overlayed-on-3d-scene/172)

<div class="topic-metadata">

**Author:** [@mgstauff](https://discourse.threejs.org/u/mgstauff)\
**Replies:** 3\
**Last updated:** [April 13, 2017, 10:48pm UTC](https://discourse.threejs.org/t/2d-plots-overlayed-on-3d-scene/172 "2017-04-13T22:48:28Z")

</div>

Hi. How would I go about making 2D plots (of various runtime time-series parameters, etc) that overlay in the same screen position regardless of my 3D scene? I haven't found something in three.js itself to do this. I'm t…