diff --git a/examples/js/pmrem/PMREMCubeUVPacker.js b/examples/js/pmrem/PMREMCubeUVPacker.js index 74cd4a298ada96db347b34dd824602a7209525e2..5a43eb4d34dad8c9ffb94c831052731a05664b37 100644 --- a/examples/js/pmrem/PMREMCubeUVPacker.js +++ b/examples/js/pmrem/PMREMCubeUVPacker.js @@ -32,6 +32,7 @@ THREE.PMREMCubeUVPacker = function( cubeTextureLods, numLods ) { }; this.CubeUVRenderTarget = new THREE.WebGLRenderTarget( size, size, params ); + this.CubeUVRenderTarget.texture.name = "PMREMCubeUVPacker.cubeUv"; this.CubeUVRenderTarget.texture.mapping = THREE.CubeUVReflectionMapping; this.camera = new THREE.OrthographicCamera( - size * 0.5, size * 0.5, - size * 0.5, size * 0.5, 0.0, 1000 ); diff --git a/examples/js/pmrem/PMREMGenerator.js b/examples/js/pmrem/PMREMGenerator.js index 1c35008b926f730e610e1eb88921b50eac6065a5..3d7e7ff9b8a333ba09826ab2cb0f1ee2e7d27ab4 100644 --- a/examples/js/pmrem/PMREMGenerator.js +++ b/examples/js/pmrem/PMREMGenerator.js @@ -42,6 +42,7 @@ THREE.PMREMGenerator = function( sourceTexture ) { for ( var i = 0; i < this.numLods; i ++ ) { var renderTarget = new THREE.WebGLRenderTargetCube( size, size, params ); + renderTarget.texture.name = "PMREMGenerator.cube" + i; this.cubeLods.push( renderTarget ); size = Math.max( 16, size / 2 ); diff --git a/examples/js/postprocessing/AdaptiveToneMappingPass.js b/examples/js/postprocessing/AdaptiveToneMappingPass.js index d448487639c586a88011a30e513f7a72cf09bc18..0a3b6a6757fe31b8b3af63a1f357e8b3d6dddefa 100644 --- a/examples/js/postprocessing/AdaptiveToneMappingPass.js +++ b/examples/js/postprocessing/AdaptiveToneMappingPass.js @@ -190,14 +190,17 @@ THREE.AdaptiveToneMappingPass.prototype = Object.assign( Object.create( THREE.Pa var pars = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBAFormat }; // was RGB format. changed to RGBA format. see discussion in #8415 / #8450 this.luminanceRT = new THREE.WebGLRenderTarget( this.resolution, this.resolution, pars ); + this.luminanceRT.texture.name = "AdaptiveToneMappingPass.l"; this.luminanceRT.texture.generateMipmaps = false; this.previousLuminanceRT = new THREE.WebGLRenderTarget( this.resolution, this.resolution, pars ); + this.previousLuminanceRT.texture.name = "AdaptiveToneMappingPass.pl"; this.previousLuminanceRT.texture.generateMipmaps = false; // We only need mipmapping for the current luminosity because we want a down-sampled version to sample in our adaptive shader pars.minFilter = THREE.LinearMipMapLinearFilter; this.currentLuminanceRT = new THREE.WebGLRenderTarget( this.resolution, this.resolution, pars ); + this.currentLuminanceRT.texture.name = "AdaptiveToneMappingPass.cl"; if ( this.adaptive ) { diff --git a/examples/js/postprocessing/BloomPass.js b/examples/js/postprocessing/BloomPass.js index d750bf48d353f30f19f81f8567b914f57d9e1b29..e0d0427d1c14649e1f9fffb3854cc927a0248fff 100644 --- a/examples/js/postprocessing/BloomPass.js +++ b/examples/js/postprocessing/BloomPass.js @@ -16,7 +16,9 @@ THREE.BloomPass = function ( strength, kernelSize, sigma, resolution ) { var pars = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBAFormat }; this.renderTargetX = new THREE.WebGLRenderTarget( resolution, resolution, pars ); + this.renderTargetX.texture.name = "BloomPass.x"; this.renderTargetY = new THREE.WebGLRenderTarget( resolution, resolution, pars ); + this.renderTargetY.texture.name = "BloomPass.y"; // copy material diff --git a/examples/js/postprocessing/BokehPass.js b/examples/js/postprocessing/BokehPass.js index 3abf7fecf6823c708a9a31dbc7e979c54bc47ade..80ed42c457087d778c3f796ac4760a8726b10ec2 100644 --- a/examples/js/postprocessing/BokehPass.js +++ b/examples/js/postprocessing/BokehPass.js @@ -23,10 +23,12 @@ THREE.BokehPass = function ( scene, camera, params ) { this.renderTargetColor = new THREE.WebGLRenderTarget( width, height, { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, - format: THREE.RGBFormat + format: THREE.RGBFormat, + name: "BokehPass.color" } ); this.renderTargetDepth = this.renderTargetColor.clone(); + this.renderTargetDepth.texture.name = "BokehPass.depth"; // depth material diff --git a/examples/js/postprocessing/EffectComposer.js b/examples/js/postprocessing/EffectComposer.js index ac0048c4b8719a67aabbc2e68050f403b03551b0..1e7e638d1707fea679589f166130d5acedb7d3e9 100644 --- a/examples/js/postprocessing/EffectComposer.js +++ b/examples/js/postprocessing/EffectComposer.js @@ -16,11 +16,12 @@ THREE.EffectComposer = function ( renderer, renderTarget ) { }; var size = renderer.getSize(); renderTarget = new THREE.WebGLRenderTarget( size.width, size.height, parameters ); - + renderTarget.texture.name = "EffectComposer.rt1"; } this.renderTarget1 = renderTarget; this.renderTarget2 = renderTarget.clone(); + this.renderTarget2.texture.name = "EffectComposer.rt2"; this.writeBuffer = this.renderTarget1; this.readBuffer = this.renderTarget2; diff --git a/examples/js/postprocessing/OutlinePass.js b/examples/js/postprocessing/OutlinePass.js index bd2168acd46a8b4f57c8d493d64379ba9ad3f7b2..8af9bbf44ee933d279de5654cd3a33c484cf9fab 100644 --- a/examples/js/postprocessing/OutlinePass.js +++ b/examples/js/postprocessing/OutlinePass.js @@ -28,6 +28,7 @@ THREE.OutlinePass = function ( resolution, scene, camera, selectedObjects ) { this.maskBufferMaterial = new THREE.MeshBasicMaterial({color:0xffffff}); this.maskBufferMaterial.side = THREE.DoubleSide; this.renderTargetMaskBuffer = new THREE.WebGLRenderTarget( this.resolution.x, this.resolution.y, pars ); + this.renderTargetMaskBuffer.texture.name = "OutlinePass.mask"; this.renderTargetMaskBuffer.texture.generateMipmaps = false; this.depthMaterial = new THREE.MeshDepthMaterial(); @@ -39,20 +40,26 @@ THREE.OutlinePass = function ( resolution, scene, camera, selectedObjects ) { this.prepareMaskMaterial.side = THREE.DoubleSide; this.renderTargetDepthBuffer = new THREE.WebGLRenderTarget( this.resolution.x, this.resolution.y, pars ); + this.renderTargetDepthBuffer.texture.name = "OutlinePass.depth"; this.renderTargetDepthBuffer.texture.generateMipmaps = false; this.renderTargetMaskDownSampleBuffer = new THREE.WebGLRenderTarget( resx, resy, pars ); + this.renderTargetMaskDownSampleBuffer.texture.name = "OutlinePass.depthDownSample"; this.renderTargetMaskDownSampleBuffer.texture.generateMipmaps = false; this.renderTargetBlurBuffer1 = new THREE.WebGLRenderTarget( resx, resy, pars ); + this.renderTargetBlurBuffer1.texture.name = "OutlinePass.blur1"; this.renderTargetBlurBuffer1.texture.generateMipmaps = false; this.renderTargetBlurBuffer2 = new THREE.WebGLRenderTarget( Math.round(resx/2), Math.round(resy/2), pars ); + this.renderTargetBlurBuffer2.texture.name = "OutlinePass.blur2"; this.renderTargetBlurBuffer2.texture.generateMipmaps = false; this.edgeDetectionMaterial = this.getEdgeDetectionMaterial(); this.renderTargetEdgeBuffer1 = new THREE.WebGLRenderTarget( resx, resy, pars ); + this.renderTargetEdgeBuffer1.texture.name = "OutlinePass.edge1"; this.renderTargetEdgeBuffer1.texture.generateMipmaps = false; this.renderTargetEdgeBuffer2 = new THREE.WebGLRenderTarget( Math.round(resx/2), Math.round(resy/2), pars ); + this.renderTargetEdgeBuffer2.texture.name = "OutlinePass.edge2"; this.renderTargetEdgeBuffer2.texture.generateMipmaps = false; var MAX_EDGE_THICKNESS = 4; diff --git a/examples/js/postprocessing/SMAAPass.js b/examples/js/postprocessing/SMAAPass.js index 1405e930610707ffc0f5f7c2c1a7b595e36622c9..c6f32b3be13754b37d59e8d6ecaf89adf98ee2e3 100644 --- a/examples/js/postprocessing/SMAAPass.js +++ b/examples/js/postprocessing/SMAAPass.js @@ -13,7 +13,8 @@ THREE.SMAAPass = function ( width, height ) { stencilBuffer: false, generateMipmaps: false, minFilter: THREE.LinearFilter, - format: THREE.RGBFormat + format: THREE.RGBFormat, + name: "SMAAPass.edges" } ); this.weightsRT = new THREE.WebGLRenderTarget( width, height, { @@ -21,7 +22,8 @@ THREE.SMAAPass = function ( width, height ) { stencilBuffer: false, generateMipmaps: false, minFilter: THREE.LinearFilter, - format: THREE.RGBAFormat + format: THREE.RGBAFormat, + name: "SMAAPass.weights" } ); // textures @@ -30,6 +32,7 @@ THREE.SMAAPass = function ( width, height ) { areaTextureImage.src = this.getAreaTexture(); this.areaTexture = new THREE.Texture(); + this.areaTexture.name = "SMAAPass.area"; this.areaTexture.image = areaTextureImage; this.areaTexture.format = THREE.RGBFormat; this.areaTexture.minFilter = THREE.LinearFilter; @@ -41,6 +44,7 @@ THREE.SMAAPass = function ( width, height ) { searchTextureImage.src = this.getSearchTexture(); this.searchTexture = new THREE.Texture(); + this.searchTexture.name = "SMAAPass.search"; this.searchTexture.image = searchTextureImage; this.searchTexture.magFilter = THREE.NearestFilter; this.searchTexture.minFilter = THREE.NearestFilter; diff --git a/examples/js/postprocessing/SSAARenderPass.js b/examples/js/postprocessing/SSAARenderPass.js index e23c67c89605809e568eb72fa6b28131add5e44d..86dbf3121b10e817b4142d9ce62ca995c8b27cf3 100644 --- a/examples/js/postprocessing/SSAARenderPass.js +++ b/examples/js/postprocessing/SSAARenderPass.js @@ -73,7 +73,7 @@ THREE.SSAARenderPass.prototype = Object.assign( Object.create( THREE.Pass.protot if ( ! this.sampleRenderTarget ) { this.sampleRenderTarget = new THREE.WebGLRenderTarget( readBuffer.width, readBuffer.height, - { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBAFormat } ); + { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBAFormat, name: "SSAARenderPass.sample" } ); } diff --git a/examples/js/postprocessing/SavePass.js b/examples/js/postprocessing/SavePass.js index 9709f65c3ff6dab71b1d84110f3a916cfff62df8..9bce8539427df7f7c4663a7114eafe9778bf43aa 100644 --- a/examples/js/postprocessing/SavePass.js +++ b/examples/js/postprocessing/SavePass.js @@ -27,7 +27,7 @@ THREE.SavePass = function ( renderTarget ) { if ( this.renderTarget === undefined ) { - this.renderTargetParameters = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat, stencilBuffer: false }; + this.renderTargetParameters = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat, stencilBuffer: false, name: "SavePass.rt" }; this.renderTarget = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, this.renderTargetParameters ); } diff --git a/examples/js/postprocessing/TAARenderPass.js b/examples/js/postprocessing/TAARenderPass.js index 060d5310f02413b9e5b559f12f042f8e61089f9d..eb8ba7d2e94937a0bb73f6236b807b3f33a569ba 100644 --- a/examples/js/postprocessing/TAARenderPass.js +++ b/examples/js/postprocessing/TAARenderPass.js @@ -49,12 +49,14 @@ THREE.TAARenderPass.prototype = Object.assign( Object.create( THREE.SSAARenderPa if ( ! this.sampleRenderTarget ) { this.sampleRenderTarget = new THREE.WebGLRenderTarget( readBuffer.width, readBuffer.height, this.params ); + this.sampleRenderTarget.texture.name = "TAARenderPass.sample"; } if ( ! this.holdRenderTarget ) { this.holdRenderTarget = new THREE.WebGLRenderTarget( readBuffer.width, readBuffer.height, this.params ); + this.holdRenderTarget.texture.name = "TAARenderPass.hold"; } diff --git a/examples/js/postprocessing/UnrealBloomPass.js b/examples/js/postprocessing/UnrealBloomPass.js index 3a776cfaf3151ca398d22fafc576c32132639de4..8bb74d85af76d890373e63d7b36c6c84ed8c0aca 100644 --- a/examples/js/postprocessing/UnrealBloomPass.js +++ b/examples/js/postprocessing/UnrealBloomPass.js @@ -22,18 +22,21 @@ THREE.UnrealBloomPass = function ( resolution, strength, radius, threshold ) { var resy = Math.round(this.resolution.y/2); this.renderTargetBright = new THREE.WebGLRenderTarget( resx, resy, pars ); + this.renderTargetBright.texture.name = "UnrealBloomPass.bright"; this.renderTargetBright.texture.generateMipmaps = false; for( var i=0; i