# \#masking

**URL:** https://discourse.threejs.org/tag/masking/541.md

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

---

## [How to use multiple clipping masks for groups of objects in Three.js?](https://discourse.threejs.org/t/how-to-use-multiple-clipping-masks-for-groups-of-objects-in-three-js/81640)

<div class="topic-metadata">

**Author:** [@werewolfgsm](https://discourse.threejs.org/u/werewolfgsm)\
**Replies:** 5\
**Last updated:** [May 8, 2025, 8:56am UTC](https://discourse.threejs.org/t/how-to-use-multiple-clipping-masks-for-groups-of-objects-in-three-js/81640 "2025-05-08T08:56:11Z")

</div>

Hi everyone! I’m working on a vanilla Three.js project where I have multiple groups (sections) stacked vertically. Inside each group, there is a PlaneGeometry with an animated shader as a background, and several animat…

---

## [Make masked objects intersect?](https://discourse.threejs.org/t/make-masked-objects-intersect/65442)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 3\
**Last updated:** [September 10, 2024, 6:26am UTC](https://discourse.threejs.org/t/make-masked-objects-intersect/65442 "2024-09-10T06:26:14Z")

</div>

Here’s the Three.js masking example: three.js examples But as you can see, the two objects never intersect because they are two scenes layered on each other. How would you make the objects intersect as if they are in a…

---

## [I have flickering problem in example webgl\_postprocessing\_advanced](https://discourse.threejs.org/t/i-have-flickering-problem-in-example-webgl-postprocessing-advanced/67351)

<div class="topic-metadata">

**Author:** [@F1shez](https://discourse.threejs.org/u/F1shez)\
**Replies:** 0\
**Last updated:** [June 27, 2024, 10:42am UTC](https://discourse.threejs.org/t/i-have-flickering-problem-in-example-webgl-postprocessing-advanced/67351 "2024-06-27T10:42:24Z")

</div>

i have flickering when i added shader in mask. three version: 165.0 code example: link video example1 video example2

---

## [DotScreenPass with original colors. Mask from black-white texture](https://discourse.threejs.org/t/dotscreenpass-with-original-colors-mask-from-black-white-texture/66460)

<div class="topic-metadata">

**Author:** [@AndyK](https://discourse.threejs.org/u/AndyK)\
**Replies:** 0\
**Last updated:** [June 5, 2024, 2:28pm UTC](https://discourse.threejs.org/t/dotscreenpass-with-original-colors-mask-from-black-white-texture/66460 "2024-06-05T14:28:43Z")

</div>

Hi! I’m trying to achieve a DotScreenPass effect but instead of black and white I want to use scene colors from before applying this effect. So I have first composer doing the colorful scene: let composer = new Effect…

---

## [Masking a object based on a different object](https://discourse.threejs.org/t/masking-a-object-based-on-a-different-object/65200)

<div class="topic-metadata">

**Author:** [@Kamakshya\_Nanda](https://discourse.threejs.org/u/Kamakshya_Nanda)\
**Replies:** 2\
**Last updated:** [May 14, 2024, 5:33am UTC](https://discourse.threejs.org/t/masking-a-object-based-on-a-different-object/65200 "2024-05-14T05:33:25Z")

</div>

I have these three images - One is a render of a room (contains bed, lamps etc), Second is a mask of items in the scene, third is shadows. Now i have a different mesh (a carpet), that is movable. What i want is …

---

## [AlphaMap on group possible?](https://discourse.threejs.org/t/alphamap-on-group-possible/57327)

<div class="topic-metadata">

**Author:** [@drizzt](https://discourse.threejs.org/u/drizzt)\
**Replies:** 2\
**Last updated:** [October 24, 2023, 6:05am UTC](https://discourse.threejs.org/t/alphamap-on-group-possible/57327 "2023-10-24T06:05:26Z")

</div>

Hi there, We are looking for a way to hide/show geometry inside a group by using a black/white gradient vignette (alpha mask). Could anyone point us in the right direction? Thanks!

---

## [Textures don't scale properly in postprocessing masking example](https://discourse.threejs.org/t/textures-dont-scale-properly-in-postprocessing-masking-example/46438)

<div class="topic-metadata">

**Author:** [@jasperkuipers](https://discourse.threejs.org/u/jasperkuipers)\
**Replies:** 0\
**Last updated:** [January 2, 2023, 1:56pm UTC](https://discourse.threejs.org/t/textures-dont-scale-properly-in-postprocessing-masking-example/46438 "2023-01-02T13:56:58Z")

</div>

Hello, In the following example the textures are not properly scaled when the window resizes. https://threejs.org/examples/#webgl\_postprocessing\_masking Can anyone help me with this? I’d like to create something based…

---

## [Is it possible to do object fill masking to simulate filling](https://discourse.threejs.org/t/is-it-possible-to-do-object-fill-masking-to-simulate-filling/17975)

<div class="topic-metadata">

**Author:** [@Darcy\_Brown](https://discourse.threejs.org/u/Darcy_Brown)\
**Replies:** 5\
**Last updated:** [September 23, 2022, 5:50pm UTC](https://discourse.threejs.org/t/is-it-possible-to-do-object-fill-masking-to-simulate-filling/17975 "2022-09-23T17:50:56Z")

</div>

Hey Guys! I was wondering if it is possible with Three.js to perform an object mask. Where I can scale the mask to simulate filling. I want to use this on Complex transparent shapes like chemistry beakers, etc. I’ve se…

---

## [Use object to mask parts of others](https://discourse.threejs.org/t/use-object-to-mask-parts-of-others/24445)

<div class="topic-metadata">

**Author:** [@MrDeadly](https://discourse.threejs.org/u/MrDeadly)\
**Replies:** 9\
**Last updated:** [August 9, 2022, 2:33pm UTC](https://discourse.threejs.org/t/use-object-to-mask-parts-of-others/24445 "2022-08-09T14:33:17Z")

</div>

Hello folks, I am looking for a solution to the following problem: Imagine a torus and a cylinder in a group. The cylinder is oriented so it goes through the hole of the torus: What I would like to achieve is the fol…

---

## [How to create fluid video mask animation with threejs and gsap scrollTrigger](https://discourse.threejs.org/t/how-to-create-fluid-video-mask-animation-with-threejs-and-gsap-scrolltrigger/35527)

<div class="topic-metadata">

**Author:** [@Robinzon100](https://discourse.threejs.org/u/Robinzon100)\
**Replies:** 2\
**Last updated:** [March 3, 2022, 1:48pm UTC](https://discourse.threejs.org/t/how-to-create-fluid-video-mask-animation-with-threejs-and-gsap-scrolltrigger/35527 "2022-03-03T13:48:57Z")

</div>

so I’ve come across this website, which is using threejs and gsap scrolltrigger under the hood: the website, and I just can’t understand the video section. how is it that the canvas is fixed on top but can also track whe…

---

## [Show interior of a model when a door moves its position](https://discourse.threejs.org/t/show-interior-of-a-model-when-a-door-moves-its-position/25071)

<div class="topic-metadata">

**Author:** [@Nimil\_George](https://discourse.threejs.org/u/Nimil_George)\
**Replies:** 6\
**Last updated:** [April 5, 2021, 11:57am UTC](https://discourse.threejs.org/t/show-interior-of-a-model-when-a-door-moves-its-position/25071 "2021-04-05T11:57:51Z")

</div>

Hi, I am trying to do a masking effect. I need to show the background/ interior of a model when a door slides over. I have created a door on the wall and can move the door along the wall. When I click and drag the door…

---

## [How to mask an object inside of another object?](https://discourse.threejs.org/t/how-to-mask-an-object-inside-of-another-object/24065)

<div class="topic-metadata">

**Author:** [@belhend0](https://discourse.threejs.org/u/belhend0)\
**Replies:** 2\
**Last updated:** [March 5, 2021, 10:17pm UTC](https://discourse.threejs.org/t/how-to-mask-an-object-inside-of-another-object/24065 "2021-03-05T22:17:23Z")

</div>

Hello, so basically I have a semi transparent object (A) of any shape (cube, sphere, etc) but I want another object (B) again, of any shape to be masked within A so I can scale it accordingly but not see any of B outside…

---

## [Create fish eye mask effect on top of a video element](https://discourse.threejs.org/t/create-fish-eye-mask-effect-on-top-of-a-video-element/23765)

<div class="topic-metadata">

**Author:** [@kduy969](https://discourse.threejs.org/u/kduy969)\
**Replies:** 2\
**Last updated:** [February 27, 2021, 8:01am UTC](https://discourse.threejs.org/t/create-fish-eye-mask-effect-on-top-of-a-video-element/23765 "2021-02-27T08:01:28Z")

</div>

Hi, I’m very new to three.js and about to use this to apply fish eye mask effect on top of a playing video stream element. Something like this: Is it possible to do it with three.js? Do you have any tips so I can ge…

---

## [Postprocessing masking. Applying post processing on separate objects](https://discourse.threejs.org/t/postprocessing-masking-applying-post-processing-on-separate-objects/11496)

<div class="topic-metadata">

**Author:** [@kanistra](https://discourse.threejs.org/u/kanistra)\
**Replies:** 0\
**Last updated:** [December 9, 2019, 10:19pm UTC](https://discourse.threejs.org/t/postprocessing-masking-applying-post-processing-on-separate-objects/11496 "2019-12-09T22:19:23Z")

</div>

Hello, this is my first question on this board and i am learning vanilla js vs three js at the same time, so i apologies for newbie questions. I am trying to apply postprocessing selectively. I have two scenes - cubes …

---

## [Add mesh into alphamap-area](https://discourse.threejs.org/t/add-mesh-into-alphamap-area/19124)

<div class="topic-metadata">

**Author:** [@JohannesSchwegler](https://discourse.threejs.org/u/JohannesSchwegler)\
**Replies:** 6\
**Last updated:** [September 26, 2020, 4:21pm UTC](https://discourse.threejs.org/t/add-mesh-into-alphamap-area/19124 "2020-09-26T16:21:25Z")

</div>

Hello, i have a mesh(plane) with a alphamap and now i want to add a mesh or other objects into it ( see image). I cant get it done. The idea is to have a mask for all child elements, so all stuff that overflow the al…

---

## [Render a custom mask](https://discourse.threejs.org/t/render-a-custom-mask/14099)

<div class="topic-metadata">

**Author:** [@NeoJones](https://discourse.threejs.org/u/NeoJones)\
**Replies:** 2\
**Last updated:** [April 6, 2020, 10:12pm UTC](https://discourse.threejs.org/t/render-a-custom-mask/14099 "2020-04-06T22:12:27Z")

</div>

So iam newbie in three.js and i dont know if there is a way to solve that what i want. I need a mask of an object, that is behind of other objects, to fill it with html content. Lets say i have a cube and a simple spri…

---

## [Experiment: Geometry Holes](https://discourse.threejs.org/t/experiment-geometry-holes/5555)

<div class="topic-metadata">

**Author:** [@MateuszWis](https://discourse.threejs.org/u/MateuszWis)\
**Replies:** 7\
**Last updated:** [January 12, 2019, 5:12pm UTC](https://discourse.threejs.org/t/experiment-geometry-holes/5555 "2019-01-12T17:12:41Z")

</div>

Just a simple experiment I’ve wanted to make for w while. I’ve created 2 meshes, holeMesh and mainMesh. holeMesh have its side set to THREE.BackSide, and it is beeng masked based on its position, that only pixels ins…

---

## [Apply post processing effects to a subset of objects](https://discourse.threejs.org/t/apply-post-processing-effects-to-a-subset-of-objects/4985)

<div class="topic-metadata">

**Author:** [@revyTH](https://discourse.threejs.org/u/revyTH)\
**Replies:** 8\
**Last updated:** [November 20, 2018, 11:22am UTC](https://discourse.threejs.org/t/apply-post-processing-effects-to-a-subset-of-objects/4985 "2018-11-20T11:22:45Z")

</div>

Hello everyone, I would like to apply an unreal bloom effect to a subset of elements of my scene. Reading around it seems it could be possible to render different scenes with different post processing effects using mask…