# \#sprite-material

**URL:** https://discourse.threejs.org/tag/sprite-material/206.md

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

---

## [How to limit scale range (min/max) efficiently for many sprites?](https://discourse.threejs.org/t/how-to-limit-scale-range-min-max-efficiently-for-many-sprites/82029)

<div class="topic-metadata">

**Author:** [@bergun](https://discourse.threejs.org/u/bergun)\
**Replies:** 0\
**Last updated:** [May 5, 2025, 12:33pm UTC](https://discourse.threejs.org/t/how-to-limit-scale-range-min-max-efficiently-for-many-sprites/82029 "2025-05-05T12:33:27Z")

</div>

How can I set the min. and max. scale values of the sprite when the sizeAttenuation value is true in SpriteMaterial? I want it to be minScale when the camera is too far away and maxScale when it is too close and I want t…

---

## [Sprites apparently clickable only in upper half](https://discourse.threejs.org/t/sprites-apparently-clickable-only-in-upper-half/59897)

<div class="topic-metadata">

**Author:** [@Carlo\_Schiano\_di\_Cola](https://discourse.threejs.org/u/Carlo_Schiano_di_Cola)\
**Replies:** 1\
**Last updated:** [November 1, 2024, 5:37pm UTC](https://discourse.threejs.org/t/sprites-apparently-clickable-only-in-upper-half/59897 "2024-11-01T17:37:58Z")

</div>

I’m trying to make clickable sprites based on PNG images like the following However the sprites seem to be only clickable in their upper half, and slightly above. Furthermore, The problem seems to diminish as the sc…

---

## [Sprite Object with WebGLOverlayView of google](https://discourse.threejs.org/t/sprite-object-with-webgloverlayview-of-google/72196)

<div class="topic-metadata">

**Author:** [@trandinhphuoc2k](https://discourse.threejs.org/u/trandinhphuoc2k)\
**Replies:** 7\
**Last updated:** [October 9, 2024, 6:09am UTC](https://discourse.threejs.org/t/sprite-object-with-webgloverlayview-of-google/72196 "2024-10-09T06:09:34Z")

</div>

Currently, I work with threejs combined with WebGLOverlayView. Following the suggestion of Google, I only updated projectionMatrix; that is enough. But the sprite object can’t work correctly. I checked logic at sprite s…

---

## [How to use sizeAttenuation of SpriteMaterial in the Orthographic Camera](https://discourse.threejs.org/t/how-to-use-sizeattenuation-of-spritematerial-in-the-orthographic-camera/28553)

<div class="topic-metadata">

**Author:** [@bighansen](https://discourse.threejs.org/u/bighansen)\
**Replies:** 3\
**Last updated:** [January 20, 2024, 8:36pm UTC](https://discourse.threejs.org/t/how-to-use-sizeattenuation-of-spritematerial-in-the-orthographic-camera/28553 "2024-01-20T20:36:31Z")

</div>

How to use sizeAttenuation of SpriteMaterial in the Orthographic Camera?

---

## [Scaling only some part of texture](https://discourse.threejs.org/t/scaling-only-some-part-of-texture/60024)

<div class="topic-metadata">

**Author:** [@Deepak\_Saini](https://discourse.threejs.org/u/Deepak_Saini)\
**Replies:** 2\
**Last updated:** [January 7, 2024, 11:41am UTC](https://discourse.threejs.org/t/scaling-only-some-part-of-texture/60024 "2024-01-07T11:41:03Z")

</div>

I have this image which i want to use as a map for the sprite material. The thing i want to achieve is to know that how can i scale only the green part of the image and not the above part of it. It will be used for …

---

## [Sprite scale on browser resize](https://discourse.threejs.org/t/sprite-scale-on-browser-resize/56109)

<div class="topic-metadata">

**Author:** [@Fluqz](https://discourse.threejs.org/u/Fluqz)\
**Replies:** 1\
**Last updated:** [September 18, 2023, 6:53pm UTC](https://discourse.threejs.org/t/sprite-scale-on-browser-resize/56109 "2023-09-18T18:53:35Z")

</div>

Hey, Im having a few Sprites in my scene. All have sizeAttenuation = false, so all sprites stay the same size when zooming. I noticed that when resizing the canvas vertically, everything in the scene is getting scaled d…

---

## [Texture transparency removing any texture below it](https://discourse.threejs.org/t/texture-transparency-removing-any-texture-below-it/37629)

<div class="topic-metadata">

**Author:** [@cabada](https://discourse.threejs.org/u/cabada)\
**Replies:** 5\
**Last updated:** [May 6, 2022, 7:14pm UTC](https://discourse.threejs.org/t/texture-transparency-removing-any-texture-below-it/37629 "2022-05-06T19:14:21Z")

</div>

I’m having a problem when I set 2 meshes with transparent textures on top of the other. As you can see on the attached screenshot, it creates a transparent square around the Flower (Flower it’s a THREE.Sprite), but for …

---

## [💃 SpriteMixer for easy sprite animations](https://discourse.threejs.org/t/spritemixer-for-easy-sprite-animations/8047)

<div class="topic-metadata">

**Author:** [@felixmariotto](https://discourse.threejs.org/u/felixmariotto)\
**Replies:** 6\
**Last updated:** [April 26, 2022, 12:39pm UTC](https://discourse.threejs.org/t/spritemixer-for-easy-sprite-animations/8047 "2022-04-26T12:39:47Z")

</div>

Hi there, I made an easy-to-use tool to make sprite animations simpler, as I saw there is nothing built-in. Have a try here : https://felixmariotto.github.io/from\_indexed\_texture Here is the library’s page : https://g…

---

## [Texture Atlas for sprite materials](https://discourse.threejs.org/t/texture-atlas-for-sprite-materials/35965)

<div class="topic-metadata">

**Author:** [@ssdasilva](https://discourse.threejs.org/u/ssdasilva)\
**Replies:** 0\
**Last updated:** [March 15, 2022, 12:25pm UTC](https://discourse.threejs.org/t/texture-atlas-for-sprite-materials/35965 "2022-03-15T12:25:00Z")

</div>

Hey there, I am looking for a implementation of texture atlas for sprite materials that I want to use to generate labels in a map application. I found this repo which is exactly what I am looking for: GitHub - Leeft/thre…

---

## [SpriteMaterial SizeAttenuation is not working in Three.Js](https://discourse.threejs.org/t/spritematerial-sizeattenuation-is-not-working-in-three-js/35694)

<div class="topic-metadata">

**Author:** [@ssdasilva](https://discourse.threejs.org/u/ssdasilva)\
**Replies:** 1\
**Last updated:** [March 15, 2022, 12:22pm UTC](https://discourse.threejs.org/t/spritematerial-sizeattenuation-is-not-working-in-three-js/35694 "2022-03-15T12:22:08Z")

</div>

I have an issue using sprites in three.js. By checking the link: three.js docs it can be seen that sprite materials can have fixed size regardless of the camera depth when using perspective camera. However, when I am us…

---

## [Simplify and Improve code which uses CanvasTexture](https://discourse.threejs.org/t/simplify-and-improve-code-which-uses-canvastexture/18553)

<div class="topic-metadata">

**Author:** [@fraguada](https://discourse.threejs.org/u/fraguada)\
**Replies:** 5\
**Last updated:** [September 9, 2020, 7:15pm UTC](https://discourse.threejs.org/t/simplify-and-improve-code-which-uses-canvastexture/18553 "2020-09-09T19:15:35Z")

</div>

Hello! In the 3DMLoader I use a Sprite with a CanvasTexture to display a Rhino “text dot”: The existing code is the following: Which generates the following quality texture: Adding additional code to take in…

---

## [Unexpected sprite transparency](https://discourse.threejs.org/t/unexpected-sprite-transparency/15012)

<div class="topic-metadata">

**Author:** [@felixmariotto](https://discourse.threejs.org/u/felixmariotto)\
**Replies:** 2\
**Last updated:** [May 8, 2020, 1:31pm UTC](https://discourse.threejs.org/t/unexpected-sprite-transparency/15012 "2020-05-08T13:31:38Z")

</div>

Hi, I’m making a little sprite for a pointer, and I want this sprite to always be on foreground, so I set depthFunc: THREE.AlwaysDepth to its material. But the result when the sprite appears in front of a transparent ma…

---

## [SpriteMaterial without sizeAttenuation got artifacts](https://discourse.threejs.org/t/spritematerial-without-sizeattenuation-got-artifacts/14026)

<div class="topic-metadata">

**Author:** [@NeoJones](https://discourse.threejs.org/u/NeoJones)\
**Replies:** 7\
**Last updated:** [April 7, 2020, 8:42am UTC](https://discourse.threejs.org/t/spritematerial-without-sizeattenuation-got-artifacts/14026 "2020-04-07T08:42:37Z")

</div>

Hi, iam new at three.js. So i saw nameplates/sprites in an mmorpg game like this: Thats exactly what i want to realize. Its a simple small (bitmap?) text, without any blurring or other artifacts. The text size is the …

---

## [SpriteMaterial + alphaMap?](https://discourse.threejs.org/t/spritematerial-alphamap/8327)

<div class="topic-metadata">

**Author:** [@POP](https://discourse.threejs.org/u/POP)\
**Replies:** 2\
**Last updated:** [July 1, 2019, 11:34am UTC](https://discourse.threejs.org/t/spritematerial-alphamap/8327 "2019-07-01T11:34:04Z")

</div>

Is alphaMap available with SpriteMaterial? If not, how can we mask a Sprite / SpriteMaterial?

---

## [How to label all of the vertices of an object?](https://discourse.threejs.org/t/how-to-label-all-of-the-vertices-of-an-object/6638)

<div class="topic-metadata">

**Author:** [@Shaan](https://discourse.threejs.org/u/Shaan)\
**Replies:** 1\
**Last updated:** [March 20, 2019, 7:34am UTC](https://discourse.threejs.org/t/how-to-label-all-of-the-vertices-of-an-object/6638 "2019-03-20T07:34:49Z")

</div>

I am trying to label all of the vertices of a geometrical object (cube, cylinder etc…)… I want the each vertex of the cube to be labelled with 2d text like this:“V1”, “V2”,“V3”,… i have tried using the sprite object bu…

---

## [What is the correct way to deal with a THREE.Sprite with a portrait image?](https://discourse.threejs.org/t/what-is-the-correct-way-to-deal-with-a-three-sprite-with-a-portrait-image/5769)

<div class="topic-metadata">

**Author:** [@Avner\_Moshkovitz](https://discourse.threejs.org/u/Avner_Moshkovitz)\
**Replies:** 1\
**Last updated:** [January 17, 2019, 5:16pm UTC](https://discourse.threejs.org/t/what-is-the-correct-way-to-deal-with-a-three-sprite-with-a-portrait-image/5769 "2019-01-17T17:16:03Z")

</div>

Hi, I have a THREE.Sprite with THREE.SpriteMaterial. If I load an image with landscape orientation, the image renders OK and the bounding box is computed correctly. But if I load an image with portrait orientation, th…

---

## [Rounded sprite over lines (black corners, etc)](https://discourse.threejs.org/t/rounded-sprite-over-lines-black-corners-etc/4915)

<div class="topic-metadata">

**Author:** [@aleksanderd](https://discourse.threejs.org/u/aleksanderd)\
**Replies:** 6\
**Last updated:** [November 17, 2018, 11:19am UTC](https://discourse.threejs.org/t/rounded-sprite-over-lines-black-corners-etc/4915 "2018-11-17T11:19:11Z")

</div>

Hello! I trying to draw a simple linked graph with circle sprites as nodes. Sometimes I can see black corners around the circles: I think, the corners is not really black, the problem seems to be since some part o…