# Composite Markers \[Points\]

**URL:** <https://discourse.threejs.org/t/composite-markers-points/82011>\
**Category:** Resources\
**Tags:** points, markers\
**Created:** [May 5, 2025, 7:39am UTC](https://discourse.threejs.org/t/composite-markers-points/82011 "2025-05-05T07:39:35Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [May 5, 2025, 7:39am UTC](https://discourse.threejs.org/t/composite-markers-points/82011/1 "2025-05-05T07:39:35Z")

</div>

Hi community!

Picture:

 ![изображение](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/5/4/54eb91c640cf8af305d802666b7cb8628c326fbc.jpeg)

Demo: [https://codepen.io/prisoner849/full/myyxPOj](https://codepen.io/prisoner849/full/myyxPOj)

I hope the idea will be useful/helpful.

- Color border and top plate for numbers - single texture.
- Glyphs with white background - texture atlas.
- Numbers - texture atlas.

PS Glyphs may look different on different systems.

---

<div class="post-metadata">

**Author:** ![vielzutun.ch](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/vielzutun.ch/32/21366_2.png) [@vielzutun.ch](https://discourse.threejs.org/u/vielzutun.ch)\
**Post date:** [May 5, 2025, 10:34am UTC](https://discourse.threejs.org/t/composite-markers-points/82011/2 "2025-05-05T10:34:47Z")

</div>

> [@prisoner849](#):
>
> Glyphs may look different on different systems.

I’m on MacOS 15.4.1 (Sequoia) and can feed back, that Safari shows the markers with **increasing sizes** while zooming in, just like your screenshot.  
In Firefox (137.0.2), markers don’t grow beyond early on and are then shown as **constant sizes** when zooming in, which makes them hard to read:

 ![Bildschirmfoto 2025-05-05 um 12.33.14](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/0/0/0066e3b1ffced38fc2da4c7658b789db8084750b.jpeg)

P.S.: playing with it a little longer I see, that also in Safari markers don’t grow infinitely (which is good, imo). But the “clamping” sets in much later when very good readability is given.

---

<div class="post-metadata">

**Author:** ![Fennec](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fennec/32/59265_2.png) [@Fennec](https://discourse.threejs.org/u/Fennec)\
**Post date:** [May 7, 2025, 6:24pm UTC](https://discourse.threejs.org/t/composite-markers-points/82011/3 "2025-05-07T18:24:38Z")

</div>

They don’t call you the GOAT for nothing! I hope you don’t mind if I steal your numbering system. I’ll also try it out with Font Awesome icons.

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [May 7, 2025, 6:28pm UTC](https://discourse.threejs.org/t/composite-markers-points/82011/4 "2025-05-07T18:28:30Z")

</div>

> [@Fennec](#):
>
> I hope you don’t mind

That’s why it’s in `Resources`. Feel free to use it the way you want. 🙂

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [May 7, 2025, 9:03pm UTC](https://discourse.threejs.org/t/composite-markers-points/82011/5 "2025-05-07T21:03:35Z")

</div>

Hmm, tbh, I don’t know why it behaves this way. I didn’t touch functionality, that manages point size, at all 🤔

---

<div class="post-metadata">

**Author:** ![Fennec](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fennec/32/59265_2.png) [@Fennec](https://discourse.threejs.org/u/Fennec)\
**Post date:** [May 8, 2025, 12:24pm UTC](https://discourse.threejs.org/t/composite-markers-points/82011/7 "2025-05-08T12:24:30Z")

</div>

@prisoner849… I was looking at your code, and it hit me… Hear me out! What you’ve done with numbers can be done with letters too 🤯

P.S. I might be a little too caffeinated, so excuse the excitement.

---

<div class="post-metadata">

**Author:** ![jrlazz](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jrlazz/32/64383_2.png) [@jrlazz](https://discourse.threejs.org/u/jrlazz)\
**Post date:** [May 13, 2025, 9:08pm UTC](https://discourse.threejs.org/t/composite-markers-points/82011/8 "2025-05-13T21:08:06Z")

</div>

Hi @prisoner849 …  
I’m very weak in understanding shaders…  
So, here’s a poorer version with only canvas:

> **[sprite\_gpt2.html](https://jrlazz.github.io/anim/sprite_gpt2.html)**
>
> Sprite markers