# \#transparency **URL:** https://discourse.threejs.org/tag/transparency/141.md [Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md) --- ## [Recreate glass look 🪟](https://discourse.threejs.org/t/recreate-glass-look/95588)
**Author:** [@kalabedo](https://discourse.threejs.org/u/kalabedo)\ **Replies:** 1\ **Last updated:** [November 1, 2026, 5:20pm UTC](https://discourse.threejs.org/t/recreate-glass-look/95588 "2026-11-01T17:20:12Z")
Hi there, i am trying to visualize different glass surfaces. Right now my approach is to use MSM with transparency plus a blueish tint. for the edges i use a seperate mesh that fakes the edge color we have with thick gl… --- ## [Always display mesh on top of transparent object](https://discourse.threejs.org/t/always-display-mesh-on-top-of-transparent-object/94536)
**Author:** [@SimRuJ](https://discourse.threejs.org/u/SimRuJ)\ **Replies:** 10\ **Last updated:** [September 25, 2026, 8:05am UTC](https://discourse.threejs.org/t/always-display-mesh-on-top-of-transparent-object/94536 "2026-09-25T08:05:47Z")
I’ve got two THREE.Points objects with material.transparent = true and material.opacity = 0.8. There’s also a THREE.Raycaster that displays up to 3 THREE.Mesh at the points that you click on either of the objects. These … --- ## [Wireframe: transmission + transparency](https://discourse.threejs.org/t/wireframe-transmission-transparency/94181)
**Author:** [@prisoner849](https://discourse.threejs.org/u/prisoner849)\ **Replies:** 1\ **Last updated:** [September 9, 2026, 5:50pm UTC](https://discourse.threejs.org/t/wireframe-transmission-transparency/94181 "2026-09-09T17:50:59Z")
Hi community! A funny effect, based on the example of wireframe. Picture: Demo: Sketch --- ## [Translucent Material for shadows](https://discourse.threejs.org/t/translucent-material-for-shadows/88186)
**Author:** [@Deepak\_Saini2](https://discourse.threejs.org/u/Deepak_Saini2)\ **Replies:** 6\ **Last updated:** [November 20, 2025, 8:40pm UTC](https://discourse.threejs.org/t/translucent-material-for-shadows/88186 "2025-11-20T20:40:35Z")
I have a mesh which has a geometry and a material - below is the material am using new MeshPhysicalMaterial({ metalness: 0, roughness: 0.1, transmission: 1, thickness: 0.8, reflectivity: 1,}) I had a light sour… --- ## [OI, you got a license for that T?](https://discourse.threejs.org/t/oi-you-got-a-license-for-that-t/85908)
**Author:** [@Usnul](https://discourse.threejs.org/u/Usnul)\ **Replies:** 19\ **Last updated:** [November 13, 2025, 10:01pm UTC](https://discourse.threejs.org/t/oi-you-got-a-license-for-that-t/85908 "2025-11-13T22:01:56Z")
As I’m sure is clear for the title, today we’re talking about OIT or Order-Independent Transparency. I’ve been working on transparent object support for Shade for the past few weeks. Doing opaque stuff is easy, doing al… --- ## [Demo: Order Independent Transparency with Depth Peeling](https://discourse.threejs.org/t/demo-order-independent-transparency-with-depth-peeling/88044)
**Author:** [@gkjohnson](https://discourse.threejs.org/u/gkjohnson)\ **Replies:** 6\ **Last updated:** [November 13, 2025, 8:35am UTC](https://discourse.threejs.org/t/demo-order-independent-transparency-with-depth-peeling/88044 "2025-11-13T08:35:00Z")
Overlapping or intersecting transparent objects are some of the most problematic things to render in graphics. Solutions like alpha hash or dithered rendering, weighted-blended transparency, and other solutions can be fa… --- ## [Object sorting ignores Scene.overrideMaterial](https://discourse.threejs.org/t/object-sorting-ignores-scene-overridematerial/87606)
**Author:** [@ferenczyg](https://discourse.threejs.org/u/ferenczyg)\ **Replies:** 6\ **Last updated:** [October 22, 2025, 9:00am UTC](https://discourse.threejs.org/t/object-sorting-ignores-scene-overridematerial/87606 "2025-10-22T09:00:27Z")
Hi! I’m wokring on a post processing effect that needs to render the scene with a custom material to work. Scene.overrideMaterial is perfect for this. The issue is, this custom material needs to be transparent for the e… --- ## [Problem with very transparent objects](https://discourse.threejs.org/t/problem-with-very-transparent-objects/87620)
**Author:** [@jj\_gagnon](https://discourse.threejs.org/u/jj_gagnon)\ **Replies:** 4\ **Last updated:** [October 21, 2025, 12:06pm UTC](https://discourse.threejs.org/t/problem-with-very-transparent-objects/87620 "2025-10-21T12:06:20Z")
Hi Y’all, I am trying to overlay hundreds/thousands of simple transparent objects to make interesting textures. I am having an issue where the opacity does not seem to behave as expected when set to a value lower than … --- ## [How do I use transparency in gltf exports?](https://discourse.threejs.org/t/how-do-i-use-transparency-in-gltf-exports/23680)
**Author:** [@ArunNair](https://discourse.threejs.org/u/ArunNair)\ **Replies:** 5\ **Last updated:** [October 10, 2025, 3:52pm UTC](https://discourse.threejs.org/t/how-do-i-use-transparency-in-gltf-exports/23680 "2025-10-10T15:52:28Z")
Hi, I’m trying to get this model look correct in gltf/2.0 export, but it seems Blender’s Transparency BSDF node is not compatible with it. When I try and view the .glb file at https://gltf-viewer.donmccurdy.com it looks … --- ## [Hashed alpha testing](https://discourse.threejs.org/t/hashed-alpha-testing/86294)
**Author:** [@Usnul](https://discourse.threejs.org/u/Usnul)\ **Replies:** 2\ **Last updated:** [August 31, 2025, 4:52pm UTC](https://discourse.threejs.org/t/hashed-alpha-testing/86294 "2025-08-31T16:52:50Z")
We have 3 types of transparencies: None (fully opaque) Mask (some parts are 100% transparent some parts are 100% opaque) Blended I recently wrote about the Blended kind, which is the most flexible and generic case. B… --- ## [Plant geometry for large GLTF-based scenes](https://discourse.threejs.org/t/plant-geometry-for-large-gltf-based-scenes/86354)
**Author:** [@jacobb](https://discourse.threejs.org/u/jacobb)\ **Replies:** 2\ **Last updated:** [August 19, 2025, 1:13pm UTC](https://discourse.threejs.org/t/plant-geometry-for-large-gltf-based-scenes/86354 "2025-08-19T13:13:10Z")
Hello! I’ve been trying to cut back on my gltf file sizes and have come to the conclusion that the plant objects in my scene are taking up most of the polygon count. Is there a simple way of having a very lush scene whil… --- ## [Tips on mimicking transparency effect of Samsung Virtual Home](https://discourse.threejs.org/t/tips-on-mimicking-transparency-effect-of-samsung-virtual-home/85784)
**Author:** [@sodah999](https://discourse.threejs.org/u/sodah999)\ **Replies:** 2\ **Last updated:** [August 5, 2025, 2:24pm UTC](https://discourse.threejs.org/t/tips-on-mimicking-transparency-effect-of-samsung-virtual-home/85784 "2025-08-05T14:24:15Z")
Hello! Looking for tips on how i can mimick the transparency effects of Samsung’s Smart Thing - Virtual Home app: Specifically i’m interested in: #1 When there are many walls occluding eachother, only the first wal… --- ## [Transparency blending difference with/without EffectComposer](https://discourse.threejs.org/t/transparency-blending-difference-with-without-effectcomposer/84823)
**Author:** [@Jens84](https://discourse.threejs.org/u/Jens84)\ **Replies:** 2\ **Last updated:** [July 8, 2025, 7:25pm UTC](https://discourse.threejs.org/t/transparency-blending-difference-with-without-effectcomposer/84823 "2025-07-08T19:25:45Z")
Hi community, I am currently upgrading an application from r132 to r178. While following the migration guidelines, I applied the following steps: sRGBColorSpace for renderer output and for input color textures sRGB t… --- ## [Object hidden behind transparent object](https://discourse.threejs.org/t/object-hidden-behind-transparent-object/83409)
**Author:** [@danrossi](https://discourse.threejs.org/u/danrossi)\ **Replies:** 3\ **Last updated:** [May 31, 2025, 7:23pm UTC](https://discourse.threejs.org/t/object-hidden-behind-transparent-object/83409 "2025-05-31T19:23:52Z")
I have a WebXR controller with a marker. It is being hidden behind transparent objects and not sure how to work around it. renderOrder has been set. Any ideas ? --- ## [Internal Faces in PyPlasm-Generated Tube Geometry](https://discourse.threejs.org/t/internal-faces-in-pyplasm-generated-tube-geometry/83201)
**Author:** [@alex\_night](https://discourse.threejs.org/u/alex_night)\ **Replies:** 3\ **Last updated:** [May 28, 2025, 7:19am UTC](https://discourse.threejs.org/t/internal-faces-in-pyplasm-generated-tube-geometry/83201 "2025-05-28T07:19:38Z")
Background I’m working with complex tube geometry generated using PyPlasm (a powerful geometry library) and rendering it in Three.js. The geometry extraction works flawlessly, but I’m facing a challenging transparency… --- ## [Transparency artifacts depending on distance to camera](https://discourse.threejs.org/t/transparency-artifacts-depending-on-distance-to-camera/78608)
**Author:** [@GCBallesteros](https://discourse.threejs.org/u/GCBallesteros)\ **Replies:** 7\ **Last updated:** [February 25, 2025, 7:16pm UTC](https://discourse.threejs.org/t/transparency-artifacts-depending-on-distance-to-camera/78608 "2025-02-25T19:16:49Z")
There are many threads regarding difficulties getting good results with semi-transparent objects and I have non-systematically explored various solutions proposed. This include changing the renderOrder, multiple combinat… --- ## [Render problem with two transparent materials](https://discourse.threejs.org/t/render-problem-with-two-transparent-materials/76477)
**Author:** [@Andy\_Zheng](https://discourse.threejs.org/u/Andy_Zheng)\ **Replies:** 3\ **Last updated:** [January 16, 2025, 7:47am UTC](https://discourse.threejs.org/t/render-problem-with-two-transparent-materials/76477 "2025-01-16T07:47:26Z")
How to fix this render issue below, the glass behind the transparent part of the texture is not rendered, the material of glass is THREE.MeshStandardMaterial, the material of red snake texture is THREE.MeshBasicMaterial … --- ## [How can I solve this transparent clipping problem? Using only depthTest will cause rendering errors! Thanks!](https://discourse.threejs.org/t/how-can-i-solve-this-transparent-clipping-problem-using-only-depthtest-will-cause-rendering-errors-thanks/75634)
**Author:** [@wpz614467735](https://discourse.threejs.org/u/wpz614467735)\ **Replies:** 1\ **Last updated:** [December 25, 2024, 11:01pm UTC](https://discourse.threejs.org/t/how-can-i-solve-this-transparent-clipping-problem-using-only-depthtest-will-cause-rendering-errors-thanks/75634 "2024-12-25T23:01:15Z")
--- ## [Extrude Geometry with transparent texture and white background](https://discourse.threejs.org/t/extrude-geometry-with-transparent-texture-and-white-background/74365)
**Author:** [@Achim\_Rautenberg](https://discourse.threejs.org/u/Achim_Rautenberg)\ **Replies:** 3\ **Last updated:** [November 27, 2024, 5:34pm UTC](https://discourse.threejs.org/t/extrude-geometry-with-transparent-texture-and-white-background/74365 "2024-11-27T17:34:25Z")
Hello, I draw an image on a html canvas object. The unpainted areas are transparent in the resulting image. I managed to find a very simple method to find the pixels that will create the bounds of the painted surface e… --- ## [ThreeJS and the transparent problem](https://discourse.threejs.org/t/threejs-and-the-transparent-problem/11553)
**Author:** [@steffenst](https://discourse.threejs.org/u/steffenst)\ **Replies:** 50\ **Last updated:** [November 18, 2024, 9:47am UTC](https://discourse.threejs.org/t/threejs-and-the-transparent-problem/11553 "2024-11-18T09:47:36Z")
I know there are many issues about the transparent problem in the internet, but I need a solution. The Problem: I create some mesh objects with a simple transparent material. And when the objects are overlaps, sometime… --- ## [LogarithmicDepthBuffer with rawShader and transparent materials](https://discourse.threejs.org/t/logarithmicdepthbuffer-with-rawshader-and-transparent-materials/72943)
**Author:** [@jakubprus](https://discourse.threejs.org/u/jakubprus)\ **Replies:** 2\ **Last updated:** [October 21, 2024, 6:07am UTC](https://discourse.threejs.org/t/logarithmicdepthbuffer-with-rawshader-and-transparent-materials/72943 "2024-10-21T06:07:43Z")
This is a minimal example of the problem I have. Settings on the renderer as they are, are required. My main problem is that shader material is not calculating depth properly with logarithmic depth buffer on the rendere… --- ## [PNG texture not rendering correctly with MeshBasicMaterial depending on the camera position](https://discourse.threejs.org/t/png-texture-not-rendering-correctly-with-meshbasicmaterial-depending-on-the-camera-position/71043)
**Author:** [@Enzo](https://discourse.threejs.org/u/Enzo)\ **Replies:** 3\ **Last updated:** [September 23, 2024, 10:23am UTC](https://discourse.threejs.org/t/png-texture-not-rendering-correctly-with-meshbasicmaterial-depending-on-the-camera-position/71043 "2024-09-23T10:23:35Z")
I have a scene with terrain (PlaneGeometry + MeshBasicMaterial) and other PlaneGeometry assets above that terrain. However, depending on the camera’s position or the asset’s position, the asset stops being transparent. T… --- ## [Change floor image in canvas 3D](https://discourse.threejs.org/t/change-floor-image-in-canvas-3d/63593)
**Author:** [@Vatsal\_Pandya](https://discourse.threejs.org/u/Vatsal_Pandya)\ **Replies:** 39\ **Last updated:** [August 16, 2024, 8:51am UTC](https://discourse.threejs.org/t/change-floor-image-in-canvas-3d/63593 "2024-08-16T08:51:30Z")
I am trying to create a 3D room in which user can change the tiles and visualize the changes. I want to change floor’s tile when user clicks on the floor, how to achieve it. Added Image URLs for the transparent Room as… --- ## [Why does a transparent object not appear behind another?](https://discourse.threejs.org/t/why-does-a-transparent-object-not-appear-behind-another/47425)
**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\ **Replies:** 36\ **Last updated:** [July 27, 2024, 9:31pm UTC](https://discourse.threejs.org/t/why-does-a-transparent-object-not-appear-behind-another/47425 "2024-07-27T21:31:53Z")
In this demo, the “wall” behind the object is refracted through the transparent object. If we make the “wall” transparent, it no longer shows through the glass object: What are we missing? --- ## [Artifact/Error with transparent 3D model](https://discourse.threejs.org/t/artifact-error-with-transparent-3d-model/67675)
**Author:** [@Nicolas.Bopp](https://discourse.threejs.org/u/Nicolas.Bopp)\ **Replies:** 2\ **Last updated:** [July 8, 2024, 4:55pm UTC](https://discourse.threejs.org/t/artifact-error-with-transparent-3d-model/67675 "2024-07-08T16:55:51Z")
Hello everyone I’m working with a 3D model, but when I try to make the model transparent, strange errors appear (see images 1 & 2). Many small triangles form within the model and it looks different depending on how you … --- ## [How to make a transparent material that filters what can be seen behind it?](https://discourse.threejs.org/t/how-to-make-a-transparent-material-that-filters-what-can-be-seen-behind-it/67083)
**Author:** [@lorenzo000](https://discourse.threejs.org/u/lorenzo000)\ **Replies:** 3\ **Last updated:** [June 20, 2024, 8:32pm UTC](https://discourse.threejs.org/t/how-to-make-a-transparent-material-that-filters-what-can-be-seen-behind-it/67083 "2024-06-20T20:32:44Z")
I’m trying to create a transparent material that allows you to see objects through it, except for objects that have the same transparent material applied. For example, if I create two spheres with this transparent materi… --- ## [Geometry flickering in BatchedMesh with opacity and different colors on camera control](https://discourse.threejs.org/t/geometry-flickering-in-batchedmesh-with-opacity-and-different-colors-on-camera-control/66862)
**Author:** [@nikmusi](https://discourse.threejs.org/u/nikmusi)\ **Replies:** 3\ **Last updated:** [June 17, 2024, 2:19pm UTC](https://discourse.threejs.org/t/geometry-flickering-in-batchedmesh-with-opacity-and-different-colors-on-camera-control/66862 "2024-06-17T14:19:24Z")
Hello everyone, I am experiencing geometry-flickering issues between different colored geometries, when the setColorAt() function is used to assigned different colors to elements of a batchedMesh with opacity. As shown … --- ## [Transparence of Mesh](https://discourse.threejs.org/t/transparence-of-mesh/66811)
**Author:** [@skeidy](https://discourse.threejs.org/u/skeidy)\ **Replies:** 1\ **Last updated:** [June 13, 2024, 9:55am UTC](https://discourse.threejs.org/t/transparence-of-mesh/66811 "2024-06-13T09:55:17Z")
Hi, I’d like to make one side of a cube transparent. My code is in the screenshot. However this only affects the opacity of the color on the face and not its transparency. When the opacity is 0, the face becomes whit… --- ## [Possible to define a material that is transparent to specific objects only?](https://discourse.threejs.org/t/possible-to-define-a-material-that-is-transparent-to-specific-objects-only/64531)
**Author:** [@oat](https://discourse.threejs.org/u/oat)\ **Replies:** 2\ **Last updated:** [April 24, 2024, 12:31pm UTC](https://discourse.threejs.org/t/possible-to-define-a-material-that-is-transparent-to-specific-objects-only/64531 "2024-04-24T12:31:40Z")
As to this website of vizzio show below (need to click the “three bar” icon on upper right to see the image shown below), what is visible at the center of the rotating cube depends on its position at a given moment. I d… --- ## [How to solve the rendering order for random meshes to get proper transparence](https://discourse.threejs.org/t/how-to-solve-the-rendering-order-for-random-meshes-to-get-proper-transparence/64164)
**Author:** [@Ling](https://discourse.threejs.org/u/Ling)\ **Replies:** 6\ **Last updated:** [April 17, 2024, 7:30pm UTC](https://discourse.threejs.org/t/how-to-solve-the-rendering-order-for-random-meshes-to-get-proper-transparence/64164 "2024-04-17T19:30:09Z")
Hello, I have 3 meshes, three are rendered randomly, How can I ensure that transparent objects are visible from both the positive and negative Z-axis directions The code is very simple return ( \