Planes clipping in three.js

tonifds · March 9, 2019, 7:09am

hello,
is clipping planes computed on GPU ?

Mugen87 · March 9, 2019, 10:31am

The GPU is the only place where an implementation of clipping planes makes sense. Since WebGL does not support clipping planes, three.js provides a custom solution for this. There are several shader chunks that are related to clipping planes. The most important one is:

github.com

mrdoob/three.js/blob/1bb6d19805a30e6edb5650d40ab248a3f9ce918e/src/renderers/shaders/ShaderChunk/clipping_planes_fragment.glsl.js#L2-L30


#if NUM_CLIPPING_PLANES > 0


	vec4 plane;


	#pragma unroll_loop
	for ( int i = 0; i < UNION_CLIPPING_PLANES; i ++ ) {


		plane = clippingPlanes[ i ];
		if ( dot( vViewPosition, plane.xyz ) > plane.w ) discard;


	}


	#if UNION_CLIPPING_PLANES < NUM_CLIPPING_PLANES


		bool clipped = true;


		#pragma unroll_loop
		for ( int i = UNION_CLIPPING_PLANES; i < NUM_CLIPPING_PLANES; i ++ ) {


			plane = clippingPlanes[ i ];

This file has been truncated. show original

Mexicatronica · August 30, 2025, 5:47am

Hi everyone! I don’t know if this is the correct forum for asking about clipping planes and advances on a-frame js.

Topic		Replies	Views
Closing up clipped planes using shaders Questions shaders , clipping-planes	0	985	August 20, 2020
Clipping Plane API is not applied properly Questions materials , geometry , clipping , clipping-planes	3	1804	September 18, 2019
Clipping Planes - Line by line comments Questions geometry	4	797	August 30, 2025
Clipping planes on ShaderMaterial Questions materials	6	2712	June 23, 2024
How to implement the global-clippingPlanes in three.js Questions materials	2	1661	March 10, 2023

Planes clipping in three.js

Related topics