scissor test. When this is enabled, only the pixels * within the defined scissor area will be affected by further renderer * actions. * * @param {boolean} boolean - Whether the scissor test is enabled or not. */ this.setScissorTest = function ( boolean ) { state.setScissorTest( _scissorTest = boolean ); }; /** * Sets a custom opaque sort function for the render lists. Pass `null` * to use the default `painterSortStable` function. * * @param {?Function} method - The opaque sort function. */ this.setOpaqueSort = function ( method ) { _opaqueSort = method; }; /** * Sets a custom transparent sort function for the render lists. Pass `null` * to use the default `reversePainterSortStable` function. * * @param {?Function} method - The opaque sort function. */ this.setTransparentSort = function ( method ) { _transparentSort = method; }; // Clearing /** * Returns the clear color. * * @param {Color} target - The method writes the result in this target object. * @return {Color} The clear color. */ this.getClearColor = function ( target ) { return target.copy( background.getClearColor() ); }; /** * Sets the clear color and alpha. * * @param {Color} color - The clear color. * @param {number} [alpha=1] - The clear alpha. */ this.setClearColor = function () { background.setClearColor( ...arguments ); }; /** * Returns the clear alpha. Ranges within `[0,1]`. * * @return {number} The clear alpha. */ this.getClearAlpha = function () { return background.getClearAlpha(); }; /** * Sets the clear alpha. * * @param {number} alpha - The clear alpha. */ this.setClearAlpha = function () { background.setClearAlpha( ...arguments ); }; /** * Tells the renderer to clear its color, depth or stencil drawing buffer(s). * This method initializes the buffers to the current clear color values. * * @param {boolean} [color=true] - Whether the color buffer should be cleared or not. * @param {boolean} [depth=true] - Whether the depth buffer should be cleared or not. * @param {boolean} [stencil=true] - Whether the stencil buffer should be cleared or not. */ this.clear = function ( color = true, depth = true, stencil = true ) { let bits = 0; if ( color ) { // check if we're trying to clear an integer target let isIntegerFormat = false; if ( _currentRenderTarget !== null ) { const targetFormat = _currentRenderTarget.texture.format; isIntegerFormat = INTEGER_FORMATS.has( targetFormat ); } // use the appropriate clear functions to clear the target if it's a signed // or unsigned integer target if ( isIntegerFormat ) { const targetType = _currentRenderTarget.texture.type; const isUnsignedType = UNSIGNED_TYPES.has( targetType ); const clearColor = background.getClearColor(); const a = background.getClearAlpha(); const r = clearColor.r; const g = clearColor.g; const b = clearColor.b; if ( isUnsignedType ) { uintClearColor[ 0 ] = r; uintClearColor[ 1 ] = g; uintClearColor[ 2 ] = b; uintClearColor[ 3 ] = a; _gl.clearBufferuiv( _gl.COLOR, 0, uintClearColor ); } else { intClearColor[ 0 ] = r; intClearColor[ 1 ] = g; intClearColor[ 2 ] = b; intClearColor[ 3 ] = a; _gl.clearBufferiv( _gl.COLOR, 0, intClearColor ); } } else { bits |= _gl.COLOR_BUFFER_BIT; } } if ( depth ) { bits |= _gl.DEPTH_BUFFER_BIT; this.state.buffers.depth.setMask( true ); } if ( stencil ) { bits |= _gl.STENCIL_BUFFER_BIT; this.state.buffers.stencil.setMask( 0xffffffff ); } if ( bits !== 0 ) { _gl.clear( bits ); } }; /** * Clears the color buffer. Equivalent to calling `renderer.clear( true, false, false )`. */ this.clearColor = function () { this.clear( true, false, false ); }; /** * Clears the depth buffer. Equivalent to calling `renderer.clear( false, true, false )`. */ this.clearDepth = function () { this.clear( false, true, false ); }; /** * Clears the stencil buffer. Equivalent to calling `renderer.clear( false, false, true )`. */ this.clearStencil = function () { this.clear( false, false, true ); }; /** * Sets a compatibility node builder for rendering node materials with WebGLRenderer. * This enables using TSL (Three.js Shading Language) node materials to prepare * for migration to WebGPURenderer. * * @param {WebGLNodesHandler} nodesHandler - The node builder instance. */ this.setNodesHandler = function ( nodesHandler ) { nodesHandler.setRenderer( this ); _nodesHandler = nodesHandler; }; /** * Frees the GPU-related resources allocated by this instance. Call this * method whenever this instance is no longer used in your