# \#clipping

**URL:** https://discourse.threejs.org/tag/clipping/416.md

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

---

## [ClippingGroup clips outside of its descendants?](https://discourse.threejs.org/t/clippinggroup-clips-outside-of-its-descendants/88922)

<div class="topic-metadata">

**Author:** [@Eric2048](https://discourse.threejs.org/u/Eric2048)\
**Replies:** 1\
**Last updated:** [January 2, 2026, 10:01am UTC](https://discourse.threejs.org/t/clippinggroup-clips-outside-of-its-descendants/88922 "2026-01-02T10:01:46Z")

</div>

See codepen: https://codepen.io/Eric2048/pen/QwEjBLB This is using WebGPURenderer and its ClippingGroup support, on Mac OSX Chrome 143.0.7499.170. cube0 (green) is not clipped and just provides a reference (x: -200 to …

---

## [How to make Local Clipping in Child of Group(multi clip)?](https://discourse.threejs.org/t/how-to-make-local-clipping-in-child-of-group-multi-clip/85478)

<div class="topic-metadata">

**Author:** [@wildy13](https://discourse.threejs.org/u/wildy13)\
**Replies:** 16\
**Last updated:** [July 25, 2025, 6:36am UTC](https://discourse.threejs.org/t/how-to-make-local-clipping-in-child-of-group-multi-clip/85478 "2025-07-25T06:36:51Z")

</div>

Hi everyone :waving\_hand: I’m building a CarouselHelper class (extending Mesh) that renders a custom 3D UI element (like a floating carousel panel). This carousel needs to: Follow the camera smoothly (position & rotat…

---

## [Clipping issues with node materials using custom vertexNode](https://discourse.threejs.org/t/clipping-issues-with-node-materials-using-custom-vertexnode/85194)

<div class="topic-metadata">

**Author:** [@Rathalio](https://discourse.threejs.org/u/Rathalio)\
**Replies:** 2\
**Last updated:** [July 15, 2025, 5:17pm UTC](https://discourse.threejs.org/t/clipping-issues-with-node-materials-using-custom-vertexnode/85194 "2025-07-15T17:17:13Z")

</div>

Hi! I recently did setup a vertex shader using material nodes and TSL. Unfortunately I noticed some clipping issues when a mesh with that material shader is moved significantly far from its original position. My guess …

---

## [Clipping stencil multiply geometry whith different params](https://discourse.threejs.org/t/clipping-stencil-multiply-geometry-whith-different-params/84965)

<div class="topic-metadata">

**Author:** [@MrYang614](https://discourse.threejs.org/u/MrYang614)\
**Replies:** 4\
**Last updated:** [July 9, 2025, 3:28am UTC](https://discourse.threejs.org/t/clipping-stencil-multiply-geometry-whith-different-params/84965 "2025-07-09T03:28:45Z")

</div>

who can help me !!! I want create a clipping plane witch clipping 2 geometry with stencil fill hole different color, in below example, I create 2 clipping stencil with different color , but the second one is not use, a…

---

## [Clipping stencil multiply geometry with different color](https://discourse.threejs.org/t/clipping-stencil-multiply-geometry-with-different-color/84930)

<div class="topic-metadata">

**Author:** [@MrYang614](https://discourse.threejs.org/u/MrYang614)\
**Replies:** 0\
**Last updated:** [July 8, 2025, 5:57am UTC](https://discourse.threejs.org/t/clipping-stencil-multiply-geometry-with-different-color/84930 "2025-07-08T05:57:44Z")

</div>

Hi everyone, I want to complete an example about solid soil layers ,and clipping the different layers with the layers own color , I try to find solution in https://threejs.org/examples/?q=clip#webgl\_clipping\_stencil , …

---

## [External components with clipping functionality](https://discourse.threejs.org/t/external-components-with-clipping-functionality/66092)

<div class="topic-metadata">

**Author:** [@JKLEE](https://discourse.threejs.org/u/JKLEE)\
**Replies:** 0\
**Last updated:** [May 28, 2024, 9:06am UTC](https://discourse.threejs.org/t/external-components-with-clipping-functionality/66092 "2024-05-28T09:06:57Z")

</div>

I created six planes and attached TransformControls to each one. Then, for all the meshes in the glb file, I individually assigned the six planes as clipping planes and moved the planes according to the TransformControls…

---

## [Clipping/Compressing parts of FBX object outside of another FBX object](https://discourse.threejs.org/t/clipping-compressing-parts-of-fbx-object-outside-of-another-fbx-object/63036)

<div class="topic-metadata">

**Author:** [@picklesmoon](https://discourse.threejs.org/u/picklesmoon)\
**Replies:** 17\
**Last updated:** [March 27, 2024, 3:51pm UTC](https://discourse.threejs.org/t/clipping-compressing-parts-of-fbx-object-outside-of-another-fbx-object/63036 "2024-03-27T15:51:17Z")

</div>

I have a scene with a fish in a bowl. Both objects are two separate FBXs. bowl.fbx (121.3 KB) fish.fbx (1.8 MB) The fish is bigger than the bowl, and some parts are sticking out (colliding with the bowl), I need to re…

---

## [Three MeshLine Clipping Support](https://discourse.threejs.org/t/three-meshline-clipping-support/63095)

<div class="topic-metadata">

**Author:** [@Generallee](https://discourse.threejs.org/u/Generallee)\
**Replies:** 3\
**Last updated:** [March 22, 2024, 1:54pm UTC](https://discourse.threejs.org/t/three-meshline-clipping-support/63095 "2024-03-22T13:54:36Z")

</div>

I am using the three.meshline package I’m trying to set clipping planes on the MeshLineMaterial. There is an open ticket here: Support for clipping planes · Issue #33 · spite/THREE.MeshLine · GitHub. I tried adding that…

---

## [ThreeJS Blinking after clipping](https://discourse.threejs.org/t/threejs-blinking-after-clipping/62714)

<div class="topic-metadata">

**Author:** [@surya\_kumara](https://discourse.threejs.org/u/surya_kumara)\
**Replies:** 1\
**Last updated:** [March 13, 2024, 12:03pm UTC](https://discourse.threejs.org/t/threejs-blinking-after-clipping/62714 "2024-03-13T12:03:26Z")

</div>

Why my GLTF / IFC file blinkink / it was not perfectly rendering after I cut the building for selected floor. The image shown below: original building:

---

## [How to clip scenes based on my PlaneGeometry](https://discourse.threejs.org/t/how-to-clip-scenes-based-on-my-planegeometry/53788)

<div class="topic-metadata">

**Author:** [@NightMoom](https://discourse.threejs.org/u/NightMoom)\
**Replies:** 0\
**Last updated:** [July 12, 2023, 12:21pm UTC](https://discourse.threejs.org/t/how-to-clip-scenes-based-on-my-planegeometry/53788 "2023-07-12T12:21:15Z")

</div>

hi all I’m using an OrthographicCamera to render data from a DXF file, and now I need to clip the geometry rendered from the DXF data using a PlaneGeometry I have created. But I don’t know how to implement this functio…

---

## [Clipping geometry weird when setting constant](https://discourse.threejs.org/t/clipping-geometry-weird-when-setting-constant/52342)

<div class="topic-metadata">

**Author:** [@Ling](https://discourse.threejs.org/u/Ling)\
**Replies:** 3\
**Last updated:** [June 6, 2023, 11:25am UTC](https://discourse.threejs.org/t/clipping-geometry-weird-when-setting-constant/52342 "2023-06-06T11:25:52Z")

</div>

Hello guys, I want to slice a sphere according to the clipping plane normal. Everything looks normal when setting constant = 0. But when setting constant not 0, for example constant = 0.4, when rotating the clipping pla…

---

## [How can I optimize the performance of rendering gltf data with stencil material (capping)?](https://discourse.threejs.org/t/how-can-i-optimize-the-performance-of-rendering-gltf-data-with-stencil-material-capping/52179)

<div class="topic-metadata">

**Author:** [@sy\_jung](https://discourse.threejs.org/u/sy_jung)\
**Replies:** 0\
**Last updated:** [May 30, 2023, 5:12am UTC](https://discourse.threejs.org/t/how-can-i-optimize-the-performance-of-rendering-gltf-data-with-stencil-material-capping/52179 "2023-05-30T05:12:04Z")

</div>

I’m using the example of the following link, https://github.com/mrdoob/three.js/blob/129635bdb5cbfa11f1b31522889846e862da43d0/examples/webgl\_clipping\_stencil.html to implement capping the meshes. My gltf file includes m…

---

## [Apply clipping planes to only specific area of object](https://discourse.threejs.org/t/apply-clipping-planes-to-only-specific-area-of-object/48811)

<div class="topic-metadata">

**Author:** [@Panda](https://discourse.threejs.org/u/Panda)\
**Replies:** 20\
**Last updated:** [March 14, 2023, 8:31am UTC](https://discourse.threejs.org/t/apply-clipping-planes-to-only-specific-area-of-object/48811 "2023-03-14T08:31:18Z")

</div>

I am using Three.js (R3F) to apply clipping planes to a model. For clarity, let’s say that my model is shaped like a barbell, and that I only want to apply my clipping planes to one end of said barbell. Some planes I wan…

---

## [How to modify the color of a model beyond multiple planes?](https://discourse.threejs.org/t/how-to-modify-the-color-of-a-model-beyond-multiple-planes/39909)

<div class="topic-metadata">

**Author:** [@a627247084](https://discourse.threejs.org/u/a627247084)\
**Replies:** 12\
**Last updated:** [January 31, 2023, 4:26pm UTC](https://discourse.threejs.org/t/how-to-modify-the-color-of-a-model-beyond-multiple-planes/39909 "2023-01-31T16:26:32Z")

</div>

https://discourse.threejs.org/t/how-does-three-implement-a-model-in-two-colors/29883/2 As per this thread, what I want to use is two planes? I refer to this case. This is my demo, why doesn’t it work? https://codepen…

---

## [Mesh with Armature clipped wrong!](https://discourse.threejs.org/t/mesh-with-armature-clipped-wrong/42160)

<div class="topic-metadata">

**Author:** [@aswwwcom](https://discourse.threejs.org/u/aswwwcom)\
**Replies:** 7\
**Last updated:** [September 2, 2022, 4:10pm UTC](https://discourse.threejs.org/t/mesh-with-armature-clipped-wrong/42160 "2022-09-02T16:10:09Z")

</div>

Hi my objects goes disappear when camear go close even not very near. I think I have to do something with orginal mesh that rigged. but I don’t have any idea what should I have to do… Please help :slight\_smile: i’m ve…

---

## [Flickering effect with clipping with more planes](https://discourse.threejs.org/t/flickering-effect-with-clipping-with-more-planes/41151)

<div class="topic-metadata">

**Author:** [@AngyDev](https://discourse.threejs.org/u/AngyDev)\
**Replies:** 1\
**Last updated:** [August 29, 2022, 3:31pm UTC](https://discourse.threejs.org/t/flickering-effect-with-clipping-with-more-planes/41151 "2022-08-29T15:31:05Z")

</div>

Hello everyone, my goal is to close the clipped meshes with a plane of the same color of the mesh, and I reached it. But I have an issue with flickering. Try these steps in the demo: Click on the clipping button Hide…

---

## [3DM clipping flickering](https://discourse.threejs.org/t/3dm-clipping-flickering/41884)

<div class="topic-metadata">

**Author:** [@Dfatena](https://discourse.threejs.org/u/Dfatena)\
**Replies:** 7\
**Last updated:** [August 29, 2022, 3:29pm UTC](https://discourse.threejs.org/t/3dm-clipping-flickering/41884 "2022-08-29T15:29:37Z")

</div>

Hello, I have loaded a 3DM model and wanted to add clipping stencil as shown in this example three.js examples But it is flickering badly while rotating. Any idea what is wrong? Demo: Edit fiddle - JSFiddle - Code Pla…

---

## [Visually close InstancedMesh clipped by clipping plane](https://discourse.threejs.org/t/visually-close-instancedmesh-clipped-by-clipping-plane/40600)

<div class="topic-metadata">

**Author:** [@Quinten](https://discourse.threejs.org/u/Quinten)\
**Replies:** 0\
**Last updated:** [July 21, 2022, 7:35pm UTC](https://discourse.threejs.org/t/visually-close-instancedmesh-clipped-by-clipping-plane/40600 "2022-07-21T19:35:55Z")

</div>

I want to have spheres inside a box made of clipping planes. The camera looks into the box from the outside. The box has periodic boundary conditions (a 3 torus geometry), thus spheres get clipped a lot. To model the s…

---

## [Is it possible to apply clipping solids to lineMaterial (mesh instanced lines)?](https://discourse.threejs.org/t/is-it-possible-to-apply-clipping-solids-to-linematerial-mesh-instanced-lines/40462)

<div class="topic-metadata">

**Author:** [@Maciej](https://discourse.threejs.org/u/Maciej)\
**Replies:** 7\
**Last updated:** [July 21, 2022, 1:56pm UTC](https://discourse.threejs.org/t/is-it-possible-to-apply-clipping-solids-to-linematerial-mesh-instanced-lines/40462 "2022-07-21T13:56:29Z")

</div>

How to apply the clipping solids to lineMaterial shader? I was able to apply to Shader Material for points the solution shown in this post and play around with the Distance Functions from here but I was not able to make …

---

## [Can I use Box3 for this implementation of video?](https://discourse.threejs.org/t/can-i-use-box3-for-this-implementation-of-video/40055)

<div class="topic-metadata">

**Author:** [@a627247084](https://discourse.threejs.org/u/a627247084)\
**Replies:** 0\
**Last updated:** [July 6, 2022, 5:11pm UTC](https://discourse.threejs.org/t/can-i-use-box3-for-this-implementation-of-video/40055 "2022-07-06T17:11:28Z")

</div>

It looks like the color is changed beyond that grid area, does this work with Box3 or clipping?

---

## [When do we want clipShadows to be false?](https://discourse.threejs.org/t/when-do-we-want-clipshadows-to-be-false/36210)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 2\
**Last updated:** [March 23, 2022, 4:06am UTC](https://discourse.threejs.org/t/when-do-we-want-clipshadows-to-be-false/36210 "2022-03-23T04:06:06Z")

</div>

When do we want clipShadows to be false? I imagine most of the time we want a shadow to match what we visually see, otherwise it doesn’t look right. Help me imagine a case where we don’t want clipShadows = true.

---

## [Math Problem using Shaders and GLSL](https://discourse.threejs.org/t/math-problem-using-shaders-and-glsl/35260)

<div class="topic-metadata">

**Author:** [@GiBelle](https://discourse.threejs.org/u/GiBelle)\
**Replies:** 3\
**Last updated:** [February 25, 2022, 8:49pm UTC](https://discourse.threejs.org/t/math-problem-using-shaders-and-glsl/35260 "2022-02-25T20:49:13Z")

</div>

Hi dear community, I have a polygon (for simplicity we can assume it is a cube) as shown in Picture 1 where each vertex has an attribute value as indicated in Picture 2. I would like to cut the cube with an infinite pl…

---

## [Angled Clip Plane](https://discourse.threejs.org/t/angled-clip-plane/33020)

<div class="topic-metadata">

**Author:** [@Gerry\_Sihaj](https://discourse.threejs.org/u/Gerry_Sihaj)\
**Replies:** 2\
**Last updated:** [December 27, 2021, 10:07am UTC](https://discourse.threejs.org/t/angled-clip-plane/33020 "2021-12-27T10:07:23Z")

</div>

i have some problem with a clipping plane. when i placed 2 plane with angle, it only remove material from one side only for example: i want to achieve to get the center only, but when i try to flip these planes,…

---

## [【Question】About "Clipping"](https://discourse.threejs.org/t/question-about-clipping/29854)

<div class="topic-metadata">

**Author:** [@JohnConstantine](https://discourse.threejs.org/u/JohnConstantine)\
**Replies:** 5\
**Last updated:** [September 12, 2021, 3:02pm UTC](https://discourse.threejs.org/t/question-about-clipping/29854 "2021-09-12T15:02:37Z")

</div>

Hi guys! I code a grid line like this one Then i got this dark green circle like this one I wanna keep all the lines inside the circle. what should i do? they all in the same y plane

---

## [How achieve to this mask effect?](https://discourse.threejs.org/t/how-achieve-to-this-mask-effect/29748)

<div class="topic-metadata">

**Author:** [@sebastien\_lempens](https://discourse.threejs.org/u/sebastien_lempens)\
**Replies:** 0\
**Last updated:** [September 9, 2021, 6:34am UTC](https://discourse.threejs.org/t/how-achieve-to-this-mask-effect/29748 "2021-09-09T06:34:33Z")

</div>

I wonder what is the best way to make this mask effect? (shader, target render, clipping?)

---

## [In the Orb (Shaders)](https://discourse.threejs.org/t/in-the-orb-shaders/3286)

<div class="topic-metadata">

**Author:** [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Replies:** 7\
**Last updated:** [May 3, 2021, 2:45am UTC](https://discourse.threejs.org/t/in-the-orb-shaders/3286 "2021-05-03T02:45:24Z")

</div>

Hi, community! Here is a picture of a scene: And there is a working demo: https://jsfiddle.net/prisoner849/4s2ch5vg I had the idea about such scene for about two years. But I couldn’t start it as I had not enough k…

---

## [Clipping Stencil](https://discourse.threejs.org/t/clipping-stencil/22113)

<div class="topic-metadata">

**Author:** [@geomNLP](https://discourse.threejs.org/u/geomNLP)\
**Replies:** 5\
**Last updated:** [January 8, 2021, 6:40am UTC](https://discourse.threejs.org/t/clipping-stencil/22113 "2021-01-08T06:40:55Z")

</div>

Does clipping stencil work with Effect composer renderer?

---

## [Three.js clipping](https://discourse.threejs.org/t/three-js-clipping/21354)

<div class="topic-metadata">

**Author:** [@Lighty](https://discourse.threejs.org/u/Lighty)\
**Replies:** 11\
**Last updated:** [December 8, 2020, 5:08pm UTC](https://discourse.threejs.org/t/three-js-clipping/21354 "2020-12-08T17:08:35Z")

</div>

Hello Have some problem with clipping. I have two objects. geometry cube and model. everything is ok with the cube, but clipping does not work for the model. let localPlane = new THREE.Plane( new THREE.Vector3( 1…

---

## [Clipping planes](https://discourse.threejs.org/t/clipping-planes/19836)

<div class="topic-metadata">

**Author:** [@DagerD](https://discourse.threejs.org/u/DagerD)\
**Replies:** 0\
**Last updated:** [October 16, 2020, 11:58am UTC](https://discourse.threejs.org/t/clipping-planes/19836 "2020-10-16T11:58:00Z")

</div>

Hello. I implemented a technique from https://github.com/mrdoob/three.js/pull/20290 Almost everything works fine, but i need to clip a model with spotLight.shadow.camera frustum: shadowCameraHelper = new THREE.CameraH…

---

## [Clipping plane with NodeMaterial in three.js](https://discourse.threejs.org/t/clipping-plane-with-nodematerial-in-three-js/16495)

<div class="topic-metadata">

**Author:** [@inf0](https://discourse.threejs.org/u/inf0)\
**Replies:** 2\
**Last updated:** [June 23, 2020, 8:24pm UTC](https://discourse.threejs.org/t/clipping-plane-with-nodematerial-in-three-js/16495 "2020-06-23T20:24:27Z")

</div>

Greetings ! I was working on a project and was using the X-Ray NodeMaterial that was used in the Node-Based Material demo here https://threejs.org/examples/?q=node#webgl\_loader\_nodes. My problem is that i need a clipping…

[Next page](https://discourse.threejs.org/tag/clipping/416.md?match_all_tags=true&page=1&tags%5B%5D=clipping)