# \#opacity

**URL:** https://discourse.threejs.org/tag/opacity/650.md

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

---

## [Is it possible to set varying opacity for objects inside a InstancedMesh (filled with BoxBufferGeometry + MeshPongMaterial cubes)](https://discourse.threejs.org/t/is-it-possible-to-set-varying-opacity-for-objects-inside-a-instancedmesh-filled-with-boxbuffergeometry-meshpongmaterial-cubes/19181)

<div class="topic-metadata">

**Author:** [@cyfrost](https://discourse.threejs.org/u/cyfrost)\
**Replies:** 8\
**Last updated:** [November 4, 2024, 10:12am UTC](https://discourse.threejs.org/t/is-it-possible-to-set-varying-opacity-for-objects-inside-a-instancedmesh-filled-with-boxbuffergeometry-meshpongmaterial-cubes/19181 "2024-11-04T10:12:27Z")

</div>

Hi, I’m learning Three.js and have built a very basic scene with a 4x4 cubes arranged into a grid like layout (much like the example here: https://threejs.org/examples/?q=instancing#webgl\_instancing\_raycast, except it’s …

---

## [Strange behavior when there is another side of the same model beyond the model with opacity and transparent set](https://discourse.threejs.org/t/strange-behavior-when-there-is-another-side-of-the-same-model-beyond-the-model-with-opacity-and-transparent-set/70803)

<div class="topic-metadata">

**Author:** [@sngazm](https://discourse.threejs.org/u/sngazm)\
**Replies:** 7\
**Last updated:** [September 25, 2024, 8:19am UTC](https://discourse.threejs.org/t/strange-behavior-when-there-is-another-side-of-the-same-model-beyond-the-model-with-opacity-and-transparent-set/70803 "2024-09-25T08:19:59Z")

</div>

Hello, I have a 3D model placed on a scene. I have a 3D model placed on a scene with the material set to transparent: true and opacity: 0.5. (I am using MeshBasicMaterial to rule out the possibility that it is a …

---

## [How to fix the opacity and depth error in instanceUnifromMesh with shader](https://discourse.threejs.org/t/how-to-fix-the-opacity-and-depth-error-in-instanceunifrommesh-with-shader/65806)

<div class="topic-metadata">

**Author:** [@byexman](https://discourse.threejs.org/u/byexman)\
**Replies:** 2\
**Last updated:** [May 21, 2024, 1:27pm UTC](https://discourse.threejs.org/t/how-to-fix-the-opacity-and-depth-error-in-instanceunifrommesh-with-shader/65806 "2024-05-21T13:27:45Z")

</div>

I generated over 10000 blocks using intancedUniformMesh and made the blocks transparent by modifying the uniform opacity in the material shader, but it resulted in a lot of incorrect occlusion. If it is an independent mu…

---

## [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)

<div class="topic-metadata">

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

</div>

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 ( \<meshStandardMa…

---

## [Transparent object issue](https://discourse.threejs.org/t/transparent-object-issue/57882)

<div class="topic-metadata">

**Author:** [@suchan](https://discourse.threejs.org/u/suchan)\
**Replies:** 5\
**Last updated:** [November 8, 2023, 12:18pm UTC](https://discourse.threejs.org/t/transparent-object-issue/57882 "2023-11-08T12:18:35Z")

</div>

Hi, I’m new to Three.js so maybe it’s simple case, but let me ask :slight\_smile: I’m trying to create a simple scene composed of multiple objects using spacekit.js, which relies on three.js underneath. While presenting…

---

## [Half of an object looks weird when given transparency](https://discourse.threejs.org/t/half-of-an-object-looks-weird-when-given-transparency/51995)

<div class="topic-metadata">

**Author:** [@ChangSeok\_Lee](https://discourse.threejs.org/u/ChangSeok_Lee)\
**Replies:** 1\
**Last updated:** [May 25, 2023, 1:05pm UTC](https://discourse.threejs.org/t/half-of-an-object-looks-weird-when-given-transparency/51995 "2023-05-25T13:05:40Z")

</div>

As you can see in the attached photo, when I adjust the transparency on an object, half of it looks weird. Have you ever seen a case like this? It happens even when I control both the depthTest and depthWrite propertie…

---

## [Changing particle opacity individually](https://discourse.threejs.org/t/changing-particle-opacity-individually/50563)

<div class="topic-metadata">

**Author:** [@eliasfuericht](https://discourse.threejs.org/u/eliasfuericht)\
**Replies:** 2\
**Last updated:** [April 19, 2023, 12:28pm UTC](https://discourse.threejs.org/t/changing-particle-opacity-individually/50563 "2023-04-19T12:28:54Z")

</div>

So I am working on a project where I want to create a sort of “flashlight”-effect with the mousecursor. I have the coloring, relative to the distance to the raycast (casted from camera through mouse) done, but now I woul…

---

## [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…

---

## [Can opacity of selected faces be changed?](https://discourse.threejs.org/t/can-opacity-of-selected-faces-be-changed/42437)

<div class="topic-metadata">

**Author:** [@chowderhead](https://discourse.threejs.org/u/chowderhead)\
**Replies:** 2\
**Last updated:** [September 11, 2022, 5:42pm UTC](https://discourse.threejs.org/t/can-opacity-of-selected-faces-be-changed/42437 "2022-09-11T17:42:36Z")

</div>

I’m using the STLLoader, have added a color attribute to the geometry and can successfully select single triangles or groups of triangles and change their vertex colors (see image). It seems opacity, however, is a materi…

---

## [Opacity bug in materials documentation](https://discourse.threejs.org/t/opacity-bug-in-materials-documentation/35251)

<div class="topic-metadata">

**Author:** [@TheDutchCoder](https://discourse.threejs.org/u/TheDutchCoder)\
**Replies:** 4\
**Last updated:** [February 24, 2022, 2:34pm UTC](https://discourse.threejs.org/t/opacity-bug-in-materials-documentation/35251 "2022-02-24T14:34:21Z")

</div>

In any of the material docs (example: three.js docs) when you check “transparent” and move the “opacity” slider, nothing changes. I have this issue in all browsers on MacOS. It only starts working when moving the “alph…

---

## [vertexAlphas without vertexColors?](https://discourse.threejs.org/t/vertexalphas-without-vertexcolors/30033)

<div class="topic-metadata">

**Author:** [@shreddedrabbit](https://discourse.threejs.org/u/shreddedrabbit)\
**Replies:** 1\
**Last updated:** [September 18, 2021, 8:08am UTC](https://discourse.threejs.org/t/vertexalphas-without-vertexcolors/30033 "2021-09-18T08:08:32Z")

</div>

r127 enabled us to encode per-vertex alpha into the color bufferattribute. I’m looking to build a mesh of varying opacities, but all of the same color. Is there a way to save 75% of the overhead by cutting rgb out of the…

---

## [Blending, opacity and ShaderMaterial problem](https://discourse.threejs.org/t/blending-opacity-and-shadermaterial-problem/25350)

<div class="topic-metadata">

**Author:** [@Bruce\_Banner](https://discourse.threejs.org/u/Bruce_Banner)\
**Replies:** 0\
**Last updated:** [April 14, 2021, 2:27pm UTC](https://discourse.threejs.org/t/blending-opacity-and-shadermaterial-problem/25350 "2021-04-14T14:27:50Z")

</div>

Hi, I’ve faced a problem working with effect composers. Here’s the fiddle: https://jsfiddle.net/lutymane/vtjq0ms8/58/ So I use UnrealBloomPass with a ShaderPass after to manipulate opacity of the final scene. And I’ve…

---

## [Changing Object Opacity (dynamically)](https://discourse.threejs.org/t/changing-object-opacity-dynamically/24459)

<div class="topic-metadata">

**Author:** [@KPS](https://discourse.threejs.org/u/KPS)\
**Replies:** 2\
**Last updated:** [March 19, 2021, 5:12pm UTC](https://discourse.threejs.org/t/changing-object-opacity-dynamically/24459 "2021-03-19T17:12:04Z")

</div>

Sorry I cannot post all my code here as its too long but essentially I have a MeshBasicMaterial added to the scene, with transparent = true. If I try to change the Mesh’s other values such as depthTest = false instead o…

---

## [How can i change opacity of my GLTF?](https://discourse.threejs.org/t/how-can-i-change-opacity-of-my-gltf/14602)

<div class="topic-metadata">

**Author:** [@QuentinG](https://discourse.threejs.org/u/QuentinG)\
**Replies:** 7\
**Last updated:** [April 24, 2020, 1:14pm UTC](https://discourse.threejs.org/t/how-can-i-change-opacity-of-my-gltf/14602 "2020-04-24T13:14:59Z")

</div>

Hi; i’m looking to set opacity to a gltf file… is there a way for that ? Thank’s a lot ! new THREE.GLTFLoader().load('model/scene.gltf', result =\> { model = result.scene.children\[0\]; model.position.set(0,5.5,-2);…

---

## [Shadow Intensity ,](https://discourse.threejs.org/t/shadow-intensity/14342)

<div class="topic-metadata">

**Author:** [@Steven\_Sanborn](https://discourse.threejs.org/u/Steven_Sanborn)\
**Replies:** 0\
**Last updated:** [April 14, 2020, 9:43pm UTC](https://discourse.threejs.org/t/shadow-intensity/14342 "2020-04-14T21:43:13Z")

</div>

Hey guys. I’m checking to see if there are any solutions or updates to transparency, meshes and shadows. From my knowledge there is no way to set the shadow intensity of an object and they always result in a full shad…

---

## [Creating opacity refraction effect of a mosquito in amber](https://discourse.threejs.org/t/creating-opacity-refraction-effect-of-a-mosquito-in-amber/8758)

<div class="topic-metadata">

**Author:** [@eklavya\_1](https://discourse.threejs.org/u/eklavya_1)\
**Replies:** 6\
**Last updated:** [July 30, 2019, 1:01pm UTC](https://discourse.threejs.org/t/creating-opacity-refraction-effect-of-a-mosquito-in-amber/8758 "2019-07-30T13:01:53Z")

</div>

I’m trying to recreate this Skecthfab effect using PBR in three.js but I cannot seem to make much of a headway. I got some form of refraction using this example and setting metalness to 1 and roughness to 0 for standard …