Composite Markers [Points]

Hi community!

Picture:

Demo: 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.

13 Likes

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:

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.

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.

1 Like

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

3 Likes

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

@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 :exploding_head:

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

2 Likes

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

1 Like