Hi, I am reffering to this method stackoverflow to easily let clipped objects appear capped by changing the fragmentShader before it compiles. (I changed to this method rather than making stencils because I have multiple Objects with different capping-Colors, where I have got lost with all the ste…

The material name defines the shader code used for rendering. If you have two meshes, using the same material, you can’t change the shader code to be different for each mesh, because there is only one shader code. So you can’t inject two different color values into the code. You need to provide a u…

Thanks for your answer. I kind of guessed I needed to change from MeshBasicMaterial to ShaderMaterial and define uniforms in advance. Its now working with the following code: const _VS = ` #include <clipping_planes_pars_vertex> void main() { #include <begin_vertex> gl_Position = projectionM…

Using Stencils on multiple Objects, I always ran into the problem, that the last Clipping Plane also appeard on sibling Objects that actually have had their own clipping planes (with its own color-settings). see diagram below. [094E847E-BE64-4FC8-B0E7-94DB4C5C678C] Perhaps someone has an Idea of …

@anhelmphono – Maybe it will not work in your case, but here is another approach for clipping: [image] Pavel Boytchev @PavelBoytchev Once a student asked me how to cap a clipped @threejs object without stencil buffers and without CSG. Today I tried to make fake capping by coloring back…

@PavelBoytchev I used similar idea, with painting of back faces with a solid color, for example, to make that yellow sandbed :slight_smile: Didn’t double the objects, just used gl_FrontFacing in patched materials. [image] In the Orb (Shaders) Showcase Hi, community! Here…

@prisoner849 – Yeah, it’s an interesting approach to check gl_FrontFacing. I can’t recall whether there is an option in Three.js to provide a pair of materials – one for front facing triangles and a second one for back facing, without the need of custom shaders. SceneUtils.createMultiMaterialObject …

As far as I remember, clipping planes in THREE work in a way where fragment’s world coordinates are checked against being on one or another side of the plane, and fragments coming from the “wrong” side of the plane are simply discarded. Since you’re writing a custom shader, you can relatively easil…

In previous versions of THREE there was no use of gl_FrontFacing (at least for Lambertian material). In one of the latest versions I checked, the code now uses gl_FrontFacing as a part of illumination calculation. Figured that out when writing a JS function to make materials translucent (via .onBe…

How to render clipped objects as solid objects with predefined color?

Questions

prisoner849 January 28, 2023, 4:07pm 6

@PavelBoytchev
I used similar idea, with painting of back faces with a solid color, for example, to make that yellow sandbed Didn’t double the objects, just used gl_FrontFacing in patched materials.

Topic		Replies	Views
Rendering a solid surface on a Primitive Mesh clipped by a plane Questions geometry , shaders , clipping-planes	1	1010	May 26, 2023
Capping clipped planes using stencil on a BufferGeometry() Questions materials , stencil-buffer , clipping-planes	46	13066	July 20, 2023
Closing up clipped planes using shaders Questions shaders , clipping-planes	0	1012	August 20, 2020
Clipping stencil multiply geometry with different color Questions clipping , clipping-planes , stencil	0	58	July 8, 2025
How to render clipped surfaces as if they were a solid Questions materials	0	610	June 23, 2022

How to render clipped objects as solid objects with predefined color?

Related topics