# \#alpha-map

**URL:** https://discourse.threejs.org/tag/alpha-map/446.md

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

---

## [Three Fiber not showing transparent png texture](https://discourse.threejs.org/t/three-fiber-not-showing-transparent-png-texture/60261)

<div class="topic-metadata">

**Author:** [@Cube\_3js](https://discourse.threejs.org/u/Cube_3js)\
**Replies:** 14\
**Last updated:** [January 14, 2024, 4:10pm UTC](https://discourse.threejs.org/t/three-fiber-not-showing-transparent-png-texture/60261 "2024-01-14T16:10:55Z")

</div>

I would like to display a small logo, a transparent png, on the back of each tile in my game. However, the png is not displaying. Here is the png: Here is the code for the texture: import { TextureLoader } from 'thr…

---

## [How to dig a hole in planar geometry](https://discourse.threejs.org/t/how-to-dig-a-hole-in-planar-geometry/53082)

<div class="topic-metadata">

**Author:** [@Vanter](https://discourse.threejs.org/u/Vanter)\
**Replies:** 22\
**Last updated:** [June 29, 2023, 1:54am UTC](https://discourse.threejs.org/t/how-to-dig-a-hole-in-planar-geometry/53082 "2023-06-29T01:54:12Z")

</div>

I have seen many examples of digging a hole in a geometry with depth, but I want to dig a hole in a plane, which is the PlaneGeometry geometry, and restore it after a few seconds (ie fill the hole), sorry , I’m new to th…

---

## [Rendering material transmission over alphaMap](https://discourse.threejs.org/t/rendering-material-transmission-over-alphamap/47755)

<div class="topic-metadata">

**Author:** [@LR17](https://discourse.threejs.org/u/LR17)\
**Replies:** 1\
**Last updated:** [February 10, 2023, 4:07pm UTC](https://discourse.threejs.org/t/rendering-material-transmission-over-alphamap/47755 "2023-02-10T16:07:18Z")

</div>

Hello, is it possible to render correctly (even with a hack, not a general solution) a material with transmission that is occluding another material which has alphaMap? In my use case I know for sure that the material …

---

## [Object that has opacity map blinking(z-fighting) with custom camera](https://discourse.threejs.org/t/object-that-has-opacity-map-blinking-z-fighting-with-custom-camera/43079)

<div class="topic-metadata">

**Author:** [@aswwwcom](https://discourse.threejs.org/u/aswwwcom)\
**Replies:** 2\
**Last updated:** [September 30, 2022, 9:05am UTC](https://discourse.threejs.org/t/object-that-has-opacity-map-blinking-z-fighting-with-custom-camera/43079 "2022-09-30T09:05:52Z")

</div>

Hi guys. I’m struggling with blinking object which has opacity map. I can check gltf-viewer don’t make this happen but my own viewer makes this happen only. what should I check for this symptom? Blinking g…

---

## [Masking a color map texture with an alpha map](https://discourse.threejs.org/t/masking-a-color-map-texture-with-an-alpha-map/36482)

<div class="topic-metadata">

**Author:** [@paulnoble](https://discourse.threejs.org/u/paulnoble)\
**Replies:** 2\
**Last updated:** [March 29, 2022, 4:53pm UTC](https://discourse.threejs.org/t/masking-a-color-map-texture-with-an-alpha-map/36482 "2022-03-29T16:53:31Z")

</div>

I was wondering if it’s possible for the alpha map to mask a color map (image texture). Taking this example as a starting point: https://codepen.io/PierfrancescoSoffritti/embed/wobPVJ Which works well using an alpha m…

---

## [Transparent hide the Mesh](https://discourse.threejs.org/t/transparent-hide-the-mesh/30018)

<div class="topic-metadata">

**Author:** [@Djo](https://discourse.threejs.org/u/Djo)\
**Replies:** 1\
**Last updated:** [September 17, 2021, 9:30pm UTC](https://discourse.threejs.org/t/transparent-hide-the-mesh/30018 "2021-09-17T21:30:32Z")

</div>

Hi all, I assigned this material property to my mesh { side:THREE.FrontSide, color:new THREE.Color(0xffffff), map:‘shadow.png’, envMapIntensity:1.0, alphaMap:‘shadow-a.jpg’, depthWrite : false, } but when i set…

---

## [alphaMAP problem](https://discourse.threejs.org/t/alphamap-problem/29961)

<div class="topic-metadata">

**Author:** [@Djo](https://discourse.threejs.org/u/Djo)\
**Replies:** 2\
**Last updated:** [September 16, 2021, 10:03pm UTC](https://discourse.threejs.org/t/alphamap-problem/29961 "2021-09-16T22:03:44Z")

</div>

Hi everyone, i always use alphamap to get the transparent area of the texture like this “ground”: { type 1, tile: 1, side: THREE.DoubleSide, opacity: 1.0, envMapIntensity: 1.0, color: new THREE.Color (0xffffff), …

---

## [Does PointMaterial Support Multiply Alpha Blending?](https://discourse.threejs.org/t/does-pointmaterial-support-multiply-alpha-blending/15888)

<div class="topic-metadata">

**Author:** [@spikethea](https://discourse.threejs.org/u/spikethea)\
**Replies:** 2\
**Last updated:** [June 4, 2020, 5:05pm UTC](https://discourse.threejs.org/t/does-pointmaterial-support-multiply-alpha-blending/15888 "2020-06-04T17:05:41Z")

</div>

Right now i’m attempting to create a particle system. But the problem is though, that the PointsMaterial alpha transparency seems to go from 0 to 1, unlike SpriteMaterial. Also looking into the documentation, there’s no …

---

## [Material alphaMap looks whiter](https://discourse.threejs.org/t/material-alphamap-looks-whiter/12601)

<div class="topic-metadata">

**Author:** [@Arnau\_Marquez](https://discourse.threejs.org/u/Arnau_Marquez)\
**Replies:** 3\
**Last updated:** [February 11, 2020, 2:46pm UTC](https://discourse.threejs.org/t/material-alphamap-looks-whiter/12601 "2020-02-11T14:46:38Z")

</div>

Hi, my problem is that I need to apply an alphaMap to a material, but when I do that the object looks whiter because thre renderer.alpha is set to true, but I can’t set it to false because I need it to true, how can I fi…

---

## [Loading an alphaMap into a Material](https://discourse.threejs.org/t/loading-an-alphamap-into-a-material/12292)

<div class="topic-metadata">

**Author:** [@lucidsleepy](https://discourse.threejs.org/u/lucidsleepy)\
**Replies:** 7\
**Last updated:** [January 23, 2020, 10:22pm UTC](https://discourse.threejs.org/t/loading-an-alphamap-into-a-material/12292 "2020-01-23T22:22:12Z")

</div>

Hello , Im trying to implement an alphamap with the following code, using grayscale images: var textureCubeAlpha = new THREE.TextureLoader().load( "assets/texture/.jpg" ); console.log(textureCubeAlpha); textureCubeAlp…

---

## [How to use alpha-map with glTFLoader.js?](https://discourse.threejs.org/t/how-to-use-alpha-map-with-gltfloader-js/10916)

<div class="topic-metadata">

**Author:** [@LinConan](https://discourse.threejs.org/u/LinConan)\
**Replies:** 2\
**Last updated:** [November 20, 2019, 1:20am UTC](https://discourse.threejs.org/t/how-to-use-alpha-map-with-gltfloader-js/10916 "2019-11-20T01:20:04Z")

</div>

I hope to get the transparent hair in a glTF model with alpha-map,but it does not work well. I do not know how to resolve this problem.

---

## [Something wrong with using multiple alpha texture](https://discourse.threejs.org/t/something-wrong-with-using-multiple-alpha-texture/2804)

<div class="topic-metadata">

**Author:** [@trymoremore](https://discourse.threejs.org/u/trymoremore)\
**Replies:** 2\
**Last updated:** [May 11, 2018, 8:43am UTC](https://discourse.threejs.org/t/something-wrong-with-using-multiple-alpha-texture/2804 "2018-05-11T08:43:26Z")

</div>

there is three model ‘A’,‘B’,‘C’ in my scene.‘A’ is on the surface ， ‘C’ is inside and ‘B’ is between ‘A’ with ‘C’. i set a alpha texture for ‘A’ like this: \[alpha\] i set a alpha texture for ‘B’ like this: \[anta\_m037…

---

## [A way to create a mask or clipping](https://discourse.threejs.org/t/a-way-to-create-a-mask-or-clipping/2340)

<div class="topic-metadata">

**Author:** [@Phaidonas](https://discourse.threejs.org/u/Phaidonas)\
**Replies:** 14\
**Last updated:** [April 10, 2018, 6:56am UTC](https://discourse.threejs.org/t/a-way-to-create-a-mask-or-clipping/2340 "2018-04-10T06:56:53Z")

</div>

Hello, i have an animation, a door that opens and the camera pass through, and goes to the next scene(room).I have also a plane that plays a video.The plane intesects the door, as you will see at the images.The problem i…
