# \#transparent-material

**URL:** https://discourse.threejs.org/tag/transparent-material/1279.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)

<div class="topic-metadata">

**Author:** [@kalabedo](https://discourse.threejs.org/u/kalabedo)\
**Replies:** 0\
**Last updated:** [October 20, 2026, 11:36am UTC](https://discourse.threejs.org/t/recreate-glass-look/95588 "2026-10-20T11:36:21Z")

</div>

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…

---

## [Render problem with two transparent materials](https://discourse.threejs.org/t/render-problem-with-two-transparent-materials/76477)

<div class="topic-metadata">

**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")

</div>

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 …

---

## [I have an overlay on a video when two chromakey videos are played simultaneously](https://discourse.threejs.org/t/i-have-an-overlay-on-a-video-when-two-chromakey-videos-are-played-simultaneously/59529)

<div class="topic-metadata">

**Author:** [@Dzmitry\_Haiduk](https://discourse.threejs.org/u/Dzmitry_Haiduk)\
**Replies:** 1\
**Last updated:** [December 21, 2023, 7:07pm UTC](https://discourse.threejs.org/t/i-have-an-overlay-on-a-video-when-two-chromakey-videos-are-played-simultaneously/59529 "2023-12-21T19:07:26Z")

</div>

Hi everyone. I have an overlay on a video when two chroma key videos are played simultaneously. I use a standard shader for chromakey. Both planes use the same shader. I’m using a-frame but I’m using a component that ha…

---

## [Three.js transparency projection](https://discourse.threejs.org/t/three-js-transparency-projection/59135)

<div class="topic-metadata">

**Author:** [@ljm31337](https://discourse.threejs.org/u/ljm31337)\
**Replies:** 5\
**Last updated:** [December 12, 2023, 7:15am UTC](https://discourse.threejs.org/t/three-js-transparency-projection/59135 "2023-12-12T07:15:00Z")

</div>

I’m using the code below. I can’t touch depthwrite and depthTest because of other rendering issues. I used a shader to make my one tubegeometry transparent in the front and not transparent in the back, but I want …

---

## [Some questions in material array ( material\[\] ) about "transparent:true"](https://discourse.threejs.org/t/some-questions-in-material-array-material-about-transparent-true/54786)

<div class="topic-metadata">

**Author:** [@MrYang614](https://discourse.threejs.org/u/MrYang614)\
**Replies:** 8\
**Last updated:** [August 11, 2023, 10:00am UTC](https://discourse.threejs.org/t/some-questions-in-material-array-material-about-transparent-true/54786 "2023-08-11T10:00:39Z")

</div>

Some questions in material array about “transparent:true” Here is a part of the code. When I set the attribute “transparent:true” , It will consume a lot of performance, causing a drop in frames. Before I set it true …

---

## [Is it possible to have a background-agnostic transparent image(s)?](https://discourse.threejs.org/t/is-it-possible-to-have-a-background-agnostic-transparent-image-s/54271)

<div class="topic-metadata">

**Author:** [@superpav](https://discourse.threejs.org/u/superpav)\
**Replies:** 4\
**Last updated:** [July 26, 2023, 3:49pm UTC](https://discourse.threejs.org/t/is-it-possible-to-have-a-background-agnostic-transparent-image-s/54271 "2023-07-26T15:49:34Z")

</div>

Hey there, looking for advice. For context, I’m trying to build a space invader clone in Three.js but with better visuals. I’m working on the background consisting of two layers - the stars and the sun. The stars will b…

---

## [Transparent faces not rendering when looking through another transparent face](https://discourse.threejs.org/t/transparent-faces-not-rendering-when-looking-through-another-transparent-face/53306)

<div class="topic-metadata">

**Author:** [@Sllver](https://discourse.threejs.org/u/Sllver)\
**Replies:** 17\
**Last updated:** [June 30, 2023, 10:22am UTC](https://discourse.threejs.org/t/transparent-faces-not-rendering-when-looking-through-another-transparent-face/53306 "2023-06-30T10:22:07Z")

</div>

When I look through a face I cannot see other transparent faces, but they only don’t render when their x pos is greater than the camera’s x pos, here is a video that shows it in action here is the material fo…

---

## [SkinnedMesh Skeleton control](https://discourse.threejs.org/t/skinnedmesh-skeleton-control/40022)

<div class="topic-metadata">

**Author:** [@stanis3d](https://discourse.threejs.org/u/stanis3d)\
**Replies:** 2\
**Last updated:** [July 6, 2022, 9:27pm UTC](https://discourse.threejs.org/t/skinnedmesh-skeleton-control/40022 "2022-07-06T21:27:12Z")

</div>

Hello everyone, I want to share my Research in the field of SkinnedMesh → Skeleton → Bone! It was once developed for rig testing, and possibly… for some fun. Link to source First steps you get by watching the vide…