diff --git a/docs/api/en/renderers/WebGLRenderer.html b/docs/api/en/renderers/WebGLRenderer.html
index a0be922c96eb9e..667f67093db9b2 100644
--- a/docs/api/en/renderers/WebGLRenderer.html
+++ b/docs/api/en/renderers/WebGLRenderer.html
@@ -169,8 +169,8 @@ [property:Object extensions]
- [property:number outputEncoding]
- Defines the output encoding of the renderer. Default is [page:Textures THREE.LinearEncoding].
+ [property:number outputColorSpace]
+ Defines the output colorspace of the renderer. Default is [page:Textures THREE.LinearEncoding].
If a render target has been set using [page:WebGLRenderer.setRenderTarget .setRenderTarget] then renderTarget.texture.encoding will be used instead.
See the [page:Textures texture constants] page for details of other formats.
diff --git a/docs/api/zh/renderers/WebGLRenderer.html b/docs/api/zh/renderers/WebGLRenderer.html
index 45bf74f5b38f44..c3e048ba676566 100644
--- a/docs/api/zh/renderers/WebGLRenderer.html
+++ b/docs/api/zh/renderers/WebGLRenderer.html
@@ -147,7 +147,7 @@ [property:Object extensions]
- [property:number outputEncoding]
+ [property:number outputColorSpace]
定义渲染器的输出编码。默认为[page:Textures THREE.LinearEncoding]
如果渲染目标已经使用 [page:WebGLRenderer.setRenderTarget .setRenderTarget]、之后将直接使用renderTarget.texture.encoding
查看[page:Textures texture constants]页面以获取其他格式细节
diff --git a/docs/examples/en/loaders/GLTFLoader.html b/docs/examples/en/loaders/GLTFLoader.html
index 8621ea03a090e3..94778c7402e114 100644
--- a/docs/examples/en/loaders/GLTFLoader.html
+++ b/docs/examples/en/loaders/GLTFLoader.html
@@ -138,7 +138,7 @@ Textures
in linear colorspace, always configure [page:WebGLRenderer] as follows when using glTF:
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
GLTFLoader will automatically configure textures referenced from a .gltf or .glb file correctly, with the
diff --git a/docs/examples/zh/loaders/GLTFLoader.html b/docs/examples/zh/loaders/GLTFLoader.html
index fe9b1dd2316d9c..68bc1a18c72cf2 100644
--- a/docs/examples/zh/loaders/GLTFLoader.html
+++ b/docs/examples/zh/loaders/GLTFLoader.html
@@ -134,7 +134,7 @@
纹理
颜色空间并显示在屏幕上。除非你需要使用线性颜色空间进行后期处理，否则请在使用glTF的时候将[page:WebGLRenderer]进行如下配置：
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
假设渲染器的配置如上所示，则GLTFLoader将可以正确地自动配置从.gltf或.glb文件中引用的纹理。
diff --git a/docs/manual/en/introduction/Color-management.html b/docs/manual/en/introduction/Color-management.html
index b5ee0a3c36386c..ad8383eaa37661 100644
--- a/docs/manual/en/introduction/Color-management.html
+++ b/docs/manual/en/introduction/Color-management.html
@@ -192,7 +192,7 @@
Input color space
⚠️ WARNING: [page:Scene.fog], [page:Scene.background], and [page:WebGLRenderer.setClearColor]
- are exceptions to the rule. These properties are unaffected by [page:WebGLRenderer.outputEncoding]
+ are exceptions to the rule. These properties are unaffected by [page:WebGLRenderer.outputColorSpace]
and so must store RGB components in the renderer's output color space.
@@ -219,11 +219,11 @@ Output color space
Output to a display device, image, or video may involve conversion from the open domain
Linear-sRGB working color space to another color space. This conversion may be performed in
- the main render pass ([page:WebGLRenderer.outputEncoding]), or during post-processing.
+ the main render pass ([page:WebGLRenderer.outputColorSpace]), or during post-processing.
-renderer.outputEncoding = THREE.sRGBEncoding; // optional with post-processing
+renderer.outputColorSpace = THREE.sRGBEncoding; // optional with post-processing
diff --git a/docs/scenes/material-browser.html b/docs/scenes/material-browser.html
index 5d2e9dfb12cf18..b3330e9cd562eb 100644
--- a/docs/scenes/material-browser.html
+++ b/docs/scenes/material-browser.html
@@ -738,7 +738,7 @@
const renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
document.body.appendChild( renderer.domElement );
const pmremGenerator = new THREE.PMREMGenerator( renderer );
diff --git a/editor/js/Sidebar.Project.Renderer.js b/editor/js/Sidebar.Project.Renderer.js
index 00e7995a87a002..2616b43935af4a 100644
--- a/editor/js/Sidebar.Project.Renderer.js
+++ b/editor/js/Sidebar.Project.Renderer.js
@@ -109,7 +109,7 @@ function SidebarProjectRenderer( editor ) {
function createRenderer() {
currentRenderer = new THREE.WebGLRenderer( { antialias: antialiasBoolean.getValue() } );
- currentRenderer.outputEncoding = THREE.sRGBEncoding;
+ currentRenderer.outputColorSpace = THREE.sRGBEncoding;
currentRenderer.physicallyCorrectLights = physicallyCorrectLightsBoolean.getValue();
currentRenderer.shadowMap.enabled = shadowsBoolean.getValue();
currentRenderer.shadowMap.type = parseFloat( shadowTypeSelect.getValue() );
diff --git a/editor/js/libs/app.js b/editor/js/libs/app.js
index 885f76818d3a4c..e0e8655e7f2cd7 100644
--- a/editor/js/libs/app.js
+++ b/editor/js/libs/app.js
@@ -4,7 +4,7 @@ var APP = {
var renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio ); // TODO: Use player.setPixelRatio()
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
var loader = new THREE.ObjectLoader();
var camera, scene;
diff --git a/editor/js/libs/ui.three.js b/editor/js/libs/ui.three.js
index 89817db9c752cf..09e77dbe009225 100644
--- a/editor/js/libs/ui.three.js
+++ b/editor/js/libs/ui.three.js
@@ -926,7 +926,7 @@ function renderToCanvas( texture ) {
if ( renderer === undefined ) {
renderer = new THREE.WebGLRenderer();
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
}
diff --git a/examples/games_fps.html b/examples/games_fps.html
index d2be18f647c58c..e562879000f74c 100644
--- a/examples/games_fps.html
+++ b/examples/games_fps.html
@@ -76,7 +76,7 @@
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.shadowMap.enabled = true;
renderer.shadowMap.type = THREE.VSMShadowMap;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMapping = THREE.ACESFilmicToneMapping;
container.appendChild( renderer.domElement );
diff --git a/examples/js/objects/Reflector.js b/examples/js/objects/Reflector.js
index 935e80ec987b55..d5bf03479d1f5f 100644
--- a/examples/js/objects/Reflector.js
+++ b/examples/js/objects/Reflector.js
@@ -91,7 +91,7 @@
projectionMatrix.elements[ 10 ] = clipPlane.z + 1.0 - clipBias;
projectionMatrix.elements[ 14 ] = clipPlane.w; // Render
- renderTarget.texture.encoding = renderer.outputEncoding;
+ renderTarget.texture.encoding = renderer.outputColorSpace;
scope.visible = false;
const currentRenderTarget = renderer.getRenderTarget();
const currentXrEnabled = renderer.xr.enabled;
diff --git a/examples/js/objects/ReflectorForSSRPass.js b/examples/js/objects/ReflectorForSSRPass.js
index 6f89c4bbd82c9b..da6576f193ef3e 100644
--- a/examples/js/objects/ReflectorForSSRPass.js
+++ b/examples/js/objects/ReflectorForSSRPass.js
@@ -152,7 +152,7 @@
textureMatrix.multiply( virtualCamera.matrixWorldInverse );
textureMatrix.multiply( scope.matrixWorld ); // Render
- renderTarget.texture.encoding = renderer.outputEncoding; // scope.visible = false;
+ renderTarget.texture.encoding = renderer.outputColorSpace; // scope.visible = false;
const currentRenderTarget = renderer.getRenderTarget();
const currentXrEnabled = renderer.xr.enabled;
diff --git a/examples/js/objects/Refractor.js b/examples/js/objects/Refractor.js
index baf9cffb47e7d2..84d81df982dc88 100644
--- a/examples/js/objects/Refractor.js
+++ b/examples/js/objects/Refractor.js
@@ -162,7 +162,7 @@
this.onBeforeRender = function ( renderer, scene, camera ) {
// Render
- renderTarget.texture.encoding = renderer.outputEncoding; // ensure refractors are rendered only once per frame
+ renderTarget.texture.encoding = renderer.outputColorSpace; // ensure refractors are rendered only once per frame
if ( camera.userData.refractor === true ) return; // avoid rendering when the refractor is viewed from behind
diff --git a/examples/jsm/nodes/materials/NodeMaterial.js b/examples/jsm/nodes/materials/NodeMaterial.js
index f87fc9c0ed40ec..0bb08007a73236 100644
--- a/examples/jsm/nodes/materials/NodeMaterial.js
+++ b/examples/jsm/nodes/materials/NodeMaterial.js
@@ -120,7 +120,7 @@ class NodeMaterial extends ShaderMaterial {
// ENCODING
- outputNode = colorSpace( outputNode, builder.renderer.outputEncoding );
+ outputNode = colorSpace( outputNode, builder.renderer.outputColorSpace );
// FOG
diff --git a/examples/jsm/objects/Reflector.js b/examples/jsm/objects/Reflector.js
index 23af4943f84e71..05ce8efd6c88a1 100644
--- a/examples/jsm/objects/Reflector.js
+++ b/examples/jsm/objects/Reflector.js
@@ -136,7 +136,7 @@ class Reflector extends Mesh {
// Render
- renderTarget.texture.encoding = renderer.outputEncoding;
+ renderTarget.texture.encoding = renderer.outputColorSpace;
scope.visible = false;
diff --git a/examples/jsm/objects/ReflectorForSSRPass.js b/examples/jsm/objects/ReflectorForSSRPass.js
index edfd2e67599a17..dbf964a7b2819a 100644
--- a/examples/jsm/objects/ReflectorForSSRPass.js
+++ b/examples/jsm/objects/ReflectorForSSRPass.js
@@ -198,7 +198,7 @@ class ReflectorForSSRPass extends Mesh {
// Render
- renderTarget.texture.encoding = renderer.outputEncoding;
+ renderTarget.texture.encoding = renderer.outputColorSpace;
// scope.visible = false;
diff --git a/examples/jsm/objects/Refractor.js b/examples/jsm/objects/Refractor.js
index d988a8d9b28730..a65fc4d285de95 100644
--- a/examples/jsm/objects/Refractor.js
+++ b/examples/jsm/objects/Refractor.js
@@ -221,7 +221,7 @@ class Refractor extends Mesh {
// Render
- renderTarget.texture.encoding = renderer.outputEncoding;
+ renderTarget.texture.encoding = renderer.outputColorSpace;
// ensure refractors are rendered only once per frame
diff --git a/examples/jsm/renderers/webgpu/WebGPURenderer.js b/examples/jsm/renderers/webgpu/WebGPURenderer.js
index 600ea451997b75..9d29b59096bae8 100644
--- a/examples/jsm/renderers/webgpu/WebGPURenderer.js
+++ b/examples/jsm/renderers/webgpu/WebGPURenderer.js
@@ -75,7 +75,7 @@ class WebGPURenderer {
this.autoClearDepth = true;
this.autoClearStencil = true;
- this.outputEncoding = LinearEncoding;
+ this.outputColorSpace = LinearEncoding;
this.sortObjects = true;
@@ -483,7 +483,7 @@ class WebGPURenderer {
getCurrentEncoding() {
const renderTarget = this.getRenderTarget();
- return ( renderTarget !== null ) ? renderTarget.texture.encoding : this.outputEncoding;
+ return ( renderTarget !== null ) ? renderTarget.texture.encoding : this.outputColorSpace;
}
diff --git a/examples/misc_controls_arcball.html b/examples/misc_controls_arcball.html
index a38596dc152036..1a15166082395c 100644
--- a/examples/misc_controls_arcball.html
+++ b/examples/misc_controls_arcball.html
@@ -101,7 +101,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMapping = THREE.ReinhardToneMapping;
renderer.toneMappingExposure = 3;
renderer.domElement.style.background = 'linear-gradient( 180deg, rgba( 0,0,0,1 ) 0%, rgba( 128,128,255,1 ) 100% )';
diff --git a/examples/misc_exporter_collada.html b/examples/misc_exporter_collada.html
index 2117e9677ba1d0..bd77979ab62ef5 100644
--- a/examples/misc_exporter_collada.html
+++ b/examples/misc_exporter_collada.html
@@ -85,7 +85,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( canvasWidth, canvasHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
// EVENTS
diff --git a/examples/misc_exporter_obj.html b/examples/misc_exporter_obj.html
index b29b60733fc00e..2af9dd115fce83 100644
--- a/examples/misc_exporter_obj.html
+++ b/examples/misc_exporter_obj.html
@@ -49,7 +49,7 @@
function init() {
renderer = new THREE.WebGLRenderer();
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
diff --git a/examples/misc_exporter_ply.html b/examples/misc_exporter_ply.html
index 72a7e13ee039eb..4bf082b109d58f 100644
--- a/examples/misc_exporter_ply.html
+++ b/examples/misc_exporter_ply.html
@@ -104,7 +104,7 @@
//
renderer = new THREE.WebGLRenderer( { antialias: true } );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.shadowMap.enabled = true;
diff --git a/examples/misc_exporter_usdz.html b/examples/misc_exporter_usdz.html
index 5fe999dab99e25..55b787dd7df8de 100644
--- a/examples/misc_exporter_usdz.html
+++ b/examples/misc_exporter_usdz.html
@@ -68,7 +68,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.toneMapping = THREE.ACESFilmicToneMapping;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
document.body.appendChild( renderer.domElement );
camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 0.25, 20 );
diff --git a/examples/physics_ammo_instancing.html b/examples/physics_ammo_instancing.html
index fec4e2e2ff0730..a3153726cda03d 100644
--- a/examples/physics_ammo_instancing.html
+++ b/examples/physics_ammo_instancing.html
@@ -124,7 +124,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.shadowMap.enabled = true;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
document.body.appendChild( renderer.domElement );
stats = new Stats();
diff --git a/examples/physics_oimo_instancing.html b/examples/physics_oimo_instancing.html
index 0840bea75a4fbc..1de91e51f96247 100644
--- a/examples/physics_oimo_instancing.html
+++ b/examples/physics_oimo_instancing.html
@@ -123,7 +123,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.shadowMap.enabled = true;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
document.body.appendChild( renderer.domElement );
stats = new Stats();
diff --git a/examples/webaudio_orientation.html b/examples/webaudio_orientation.html
index bde6a68314efc5..0b96eab55c6e8f 100644
--- a/examples/webaudio_orientation.html
+++ b/examples/webaudio_orientation.html
@@ -153,7 +153,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.setPixelRatio( window.devicePixelRatio );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_animation_keyframes.html b/examples/webgl_animation_keyframes.html
index 93456ff741cbd8..94c5b2c1ead2e9 100644
--- a/examples/webgl_animation_keyframes.html
+++ b/examples/webgl_animation_keyframes.html
@@ -62,7 +62,7 @@
const renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
const pmremGenerator = new THREE.PMREMGenerator( renderer );
diff --git a/examples/webgl_animation_multiple.html b/examples/webgl_animation_multiple.html
index 41fe7082c4bb0a..7947a6b494519c 100644
--- a/examples/webgl_animation_multiple.html
+++ b/examples/webgl_animation_multiple.html
@@ -110,7 +110,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
document.body.appendChild( renderer.domElement );
diff --git a/examples/webgl_animation_skinning_additive_blending.html b/examples/webgl_animation_skinning_additive_blending.html
index 54d141d9684355..64681e99f17ace 100644
--- a/examples/webgl_animation_skinning_additive_blending.html
+++ b/examples/webgl_animation_skinning_additive_blending.html
@@ -158,7 +158,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_animation_skinning_blending.html b/examples/webgl_animation_skinning_blending.html
index 140d598bf04249..2fc88a4e711817 100644
--- a/examples/webgl_animation_skinning_blending.html
+++ b/examples/webgl_animation_skinning_blending.html
@@ -136,7 +136,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_animation_skinning_morph.html b/examples/webgl_animation_skinning_morph.html
index 5fd0193529c538..914c1a1e2ad2c4 100644
--- a/examples/webgl_animation_skinning_morph.html
+++ b/examples/webgl_animation_skinning_morph.html
@@ -118,7 +118,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
window.addEventListener( 'resize', onWindowResize );
diff --git a/examples/webgl_buffergeometry.html b/examples/webgl_buffergeometry.html
index 48dec5916e86ca..545770b9183277 100644
--- a/examples/webgl_buffergeometry.html
+++ b/examples/webgl_buffergeometry.html
@@ -170,7 +170,7 @@
renderer = new THREE.WebGLRenderer();
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_buffergeometry_drawrange.html b/examples/webgl_buffergeometry_drawrange.html
index 332c4679ddb0da..21acd9ccae0a98 100644
--- a/examples/webgl_buffergeometry_drawrange.html
+++ b/examples/webgl_buffergeometry_drawrange.html
@@ -177,7 +177,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_buffergeometry_lines.html b/examples/webgl_buffergeometry_lines.html
index 40a775dd549eb2..fa89df27405dab 100644
--- a/examples/webgl_buffergeometry_lines.html
+++ b/examples/webgl_buffergeometry_lines.html
@@ -93,7 +93,7 @@
renderer = new THREE.WebGLRenderer();
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_buffergeometry_lines_indexed.html b/examples/webgl_buffergeometry_lines_indexed.html
index 086bc8477ff1bb..6926caf19848f7 100644
--- a/examples/webgl_buffergeometry_lines_indexed.html
+++ b/examples/webgl_buffergeometry_lines_indexed.html
@@ -198,7 +198,7 @@
renderer = new THREE.WebGLRenderer();
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_buffergeometry_uint.html b/examples/webgl_buffergeometry_uint.html
index 2b92b8559db7d7..27e95f96bd2bc2 100644
--- a/examples/webgl_buffergeometry_uint.html
+++ b/examples/webgl_buffergeometry_uint.html
@@ -169,7 +169,7 @@
renderer = new THREE.WebGLRenderer();
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_furnace_test.html b/examples/webgl_furnace_test.html
index dac34e14168d02..37cbb7c549a32c 100644
--- a/examples/webgl_furnace_test.html
+++ b/examples/webgl_furnace_test.html
@@ -50,7 +50,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
document.body.appendChild( renderer.domElement );
- //renderer.outputEncoding = THREE.sRGBEncoding; // optional
+ //renderer.outputColorSpace = THREE.sRGBEncoding; // optional
window.addEventListener( 'resize', onWindowResize );
@@ -121,7 +121,7 @@
const envScene = new THREE.Scene();
envScene.background = new THREE.Color( COLOR );
- if ( renderer.outputEncoding === THREE.sRGBEncoding ) envScene.background.convertSRGBToLinear();
+ if ( renderer.outputColorSpace === THREE.sRGBEncoding ) envScene.background.convertSRGBToLinear();
const pmremGenerator = new THREE.PMREMGenerator( renderer );
radianceMap = pmremGenerator.fromScene( envScene ).texture;
diff --git a/examples/webgl_geometry_teapot.html b/examples/webgl_geometry_teapot.html
index b16f185c10436d..04dee27f0f518d 100644
--- a/examples/webgl_geometry_teapot.html
+++ b/examples/webgl_geometry_teapot.html
@@ -75,7 +75,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( canvasWidth, canvasHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
// EVENTS
diff --git a/examples/webgl_instancing_modified.html b/examples/webgl_instancing_modified.html
index af7c04a98a5309..55077bafa23219 100644
--- a/examples/webgl_instancing_modified.html
+++ b/examples/webgl_instancing_modified.html
@@ -49,7 +49,7 @@
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
scene = new THREE.Scene();
diff --git a/examples/webgl_instancing_performance.html b/examples/webgl_instancing_performance.html
index 095e96d6ce32c3..88808fecfd5927 100644
--- a/examples/webgl_instancing_performance.html
+++ b/examples/webgl_instancing_performance.html
@@ -258,7 +258,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( width, height );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container = document.getElementById( 'container' );
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_lensflares.html b/examples/webgl_lensflares.html
index a33552a15f34db..4dc254254174d8 100644
--- a/examples/webgl_lensflares.html
+++ b/examples/webgl_lensflares.html
@@ -127,7 +127,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
//
diff --git a/examples/webgl_lightningstrike.html b/examples/webgl_lightningstrike.html
index 2446231315e80a..70d0a3c24f2d94 100644
--- a/examples/webgl_lightningstrike.html
+++ b/examples/webgl_lightningstrike.html
@@ -66,7 +66,7 @@
renderer = new THREE.WebGLRenderer();
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_lightprobe.html b/examples/webgl_lightprobe.html
index e1fc6888b6174e..6cdc3584296053 100644
--- a/examples/webgl_lightprobe.html
+++ b/examples/webgl_lightprobe.html
@@ -60,7 +60,7 @@
// tone mapping
renderer.toneMapping = THREE.NoToneMapping;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
// scene
scene = new THREE.Scene();
diff --git a/examples/webgl_lightprobe_cubecamera.html b/examples/webgl_lightprobe_cubecamera.html
index e9c2ed3d1bd1cb..cff62fdbd284d0 100644
--- a/examples/webgl_lightprobe_cubecamera.html
+++ b/examples/webgl_lightprobe_cubecamera.html
@@ -45,7 +45,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
// scene
scene = new THREE.Scene();
diff --git a/examples/webgl_lights_hemisphere.html b/examples/webgl_lights_hemisphere.html
index 08207312d16ad0..23408c12c5d349 100644
--- a/examples/webgl_lights_hemisphere.html
+++ b/examples/webgl_lights_hemisphere.html
@@ -202,7 +202,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
// STATS
diff --git a/examples/webgl_lights_physical.html b/examples/webgl_lights_physical.html
index fbf957d146f39a..d84a1e97cfbcf3 100644
--- a/examples/webgl_lights_physical.html
+++ b/examples/webgl_lights_physical.html
@@ -231,7 +231,7 @@
renderer = new THREE.WebGLRenderer();
renderer.physicallyCorrectLights = true;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
renderer.toneMapping = THREE.ReinhardToneMapping;
renderer.setPixelRatio( window.devicePixelRatio );
diff --git a/examples/webgl_lights_rectarealight.html b/examples/webgl_lights_rectarealight.html
index 3a7b13863de344..43e99aced0f5a6 100644
--- a/examples/webgl_lights_rectarealight.html
+++ b/examples/webgl_lights_rectarealight.html
@@ -46,7 +46,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.setAnimationLoop( animation );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
document.body.appendChild( renderer.domElement );
camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 1000 );
diff --git a/examples/webgl_lights_spotlight.html b/examples/webgl_lights_spotlight.html
index 98bf7f54f8e07e..fc0000a8ff0068 100644
--- a/examples/webgl_lights_spotlight.html
+++ b/examples/webgl_lights_spotlight.html
@@ -48,7 +48,7 @@
renderer.shadowMap.enabled = true;
renderer.shadowMap.type = THREE.PCFSoftShadowMap;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
scene = new THREE.Scene();
diff --git a/examples/webgl_lights_spotlights.html b/examples/webgl_lights_spotlights.html
index 865379ab904d85..6c4e69e6e9a44f 100644
--- a/examples/webgl_lights_spotlights.html
+++ b/examples/webgl_lights_spotlights.html
@@ -64,7 +64,7 @@
renderer.shadowMap.enabled = true;
renderer.shadowMap.type = THREE.PCFSoftShadowMap;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
camera.position.set( 46, 22, - 21 );
diff --git a/examples/webgl_loader_3dm.html b/examples/webgl_loader_3dm.html
index 65e383f57cc653..20c6ee7815f80f 100644
--- a/examples/webgl_loader_3dm.html
+++ b/examples/webgl_loader_3dm.html
@@ -66,7 +66,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
document.body.appendChild( renderer.domElement );
camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 1000 );
diff --git a/examples/webgl_loader_3ds.html b/examples/webgl_loader_3ds.html
index 64d4788a273395..3b5da378b14ec7 100644
--- a/examples/webgl_loader_3ds.html
+++ b/examples/webgl_loader_3ds.html
@@ -77,7 +77,7 @@
renderer = new THREE.WebGLRenderer();
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
controls = new TrackballControls( camera, renderer.domElement );
diff --git a/examples/webgl_loader_3mf_materials.html b/examples/webgl_loader_3mf_materials.html
index a4a083a6b0139e..cf9dfb413d4000 100644
--- a/examples/webgl_loader_3mf_materials.html
+++ b/examples/webgl_loader_3mf_materials.html
@@ -110,7 +110,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
renderer.shadowMap.type = THREE.PCFSoftShadowMap;
document.body.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_collada.html b/examples/webgl_loader_collada.html
index ed24ecb288c028..5834c21b9614aa 100644
--- a/examples/webgl_loader_collada.html
+++ b/examples/webgl_loader_collada.html
@@ -81,7 +81,7 @@
//
renderer = new THREE.WebGLRenderer();
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_collada_kinematics.html b/examples/webgl_loader_collada_kinematics.html
index 4bc8c18dfa753d..1379ab83c58d12 100644
--- a/examples/webgl_loader_collada_kinematics.html
+++ b/examples/webgl_loader_collada_kinematics.html
@@ -101,7 +101,7 @@
particleLight.add( pointLight );
renderer = new THREE.WebGLRenderer();
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_collada_skinning.html b/examples/webgl_loader_collada_skinning.html
index 4cb67da0118225..8efe9541603450 100644
--- a/examples/webgl_loader_collada_skinning.html
+++ b/examples/webgl_loader_collada_skinning.html
@@ -94,7 +94,7 @@
//
renderer = new THREE.WebGLRenderer( { antialias: true } );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_draco.html b/examples/webgl_loader_draco.html
index 6c65664c2e4fef..d3b25c716d46f1 100644
--- a/examples/webgl_loader_draco.html
+++ b/examples/webgl_loader_draco.html
@@ -92,7 +92,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_gltf.html b/examples/webgl_loader_gltf.html
index 9380fa08113766..51d87ab43b881c 100644
--- a/examples/webgl_loader_gltf.html
+++ b/examples/webgl_loader_gltf.html
@@ -79,7 +79,7 @@
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.toneMapping = THREE.ACESFilmicToneMapping;
renderer.toneMappingExposure = 1;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
const controls = new OrbitControls( camera, renderer.domElement );
diff --git a/examples/webgl_loader_gltf_compressed.html b/examples/webgl_loader_gltf_compressed.html
index 02bdc03c34f6d4..8f561b42532165 100644
--- a/examples/webgl_loader_gltf_compressed.html
+++ b/examples/webgl_loader_gltf_compressed.html
@@ -52,7 +52,7 @@
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.toneMapping = THREE.ACESFilmicToneMapping;
renderer.toneMappingExposure = 1;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 2000 );
diff --git a/examples/webgl_loader_gltf_sheen.html b/examples/webgl_loader_gltf_sheen.html
index 99a877cc77c665..bdc259d7ef54cb 100644
--- a/examples/webgl_loader_gltf_sheen.html
+++ b/examples/webgl_loader_gltf_sheen.html
@@ -77,7 +77,7 @@
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.toneMapping = THREE.ACESFilmicToneMapping;
renderer.toneMappingExposure = 1;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
const environment = new RoomEnvironment();
diff --git a/examples/webgl_loader_gltf_transmission.html b/examples/webgl_loader_gltf_transmission.html
index b87da7c0327ab1..f81f26507b17dc 100644
--- a/examples/webgl_loader_gltf_transmission.html
+++ b/examples/webgl_loader_gltf_transmission.html
@@ -82,7 +82,7 @@
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.toneMapping = THREE.ACESFilmicToneMapping;
renderer.toneMappingExposure = 1;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
controls = new OrbitControls( camera, renderer.domElement );
diff --git a/examples/webgl_loader_gltf_variants.html b/examples/webgl_loader_gltf_variants.html
index b28b064bd44b52..4e4ceec74d6952 100644
--- a/examples/webgl_loader_gltf_variants.html
+++ b/examples/webgl_loader_gltf_variants.html
@@ -99,7 +99,7 @@
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.toneMapping = THREE.ACESFilmicToneMapping;
renderer.toneMappingExposure = 1;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
const controls = new OrbitControls( camera, renderer.domElement );
diff --git a/examples/webgl_loader_kmz.html b/examples/webgl_loader_kmz.html
index 4b13a61ce2aae5..fe5801f4774af8 100644
--- a/examples/webgl_loader_kmz.html
+++ b/examples/webgl_loader_kmz.html
@@ -56,7 +56,7 @@
scene.add( grid );
renderer = new THREE.WebGLRenderer( { antialias: true } );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_ldraw.html b/examples/webgl_loader_ldraw.html
index 7f4def486d2b13..eda240411d7129 100644
--- a/examples/webgl_loader_ldraw.html
+++ b/examples/webgl_loader_ldraw.html
@@ -88,7 +88,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMapping = THREE.ACESFilmicToneMapping;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_lwo.html b/examples/webgl_loader_lwo.html
index 34fc9ad08e6009..6b0b7edb4ff358 100644
--- a/examples/webgl_loader_lwo.html
+++ b/examples/webgl_loader_lwo.html
@@ -81,7 +81,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.setAnimationLoop( animation );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMapping = THREE.ACESFilmicToneMapping;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_md2.html b/examples/webgl_loader_md2.html
index 73c22ab780de3d..3f8913ded4b63d 100644
--- a/examples/webgl_loader_md2.html
+++ b/examples/webgl_loader_md2.html
@@ -128,7 +128,7 @@
//
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
// STATS
diff --git a/examples/webgl_loader_md2_control.html b/examples/webgl_loader_md2_control.html
index 0134acce2a3a19..7b2870faa9c55e 100644
--- a/examples/webgl_loader_md2_control.html
+++ b/examples/webgl_loader_md2_control.html
@@ -137,7 +137,7 @@
//
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
renderer.shadowMap.type = THREE.PCFSoftShadowMap;
diff --git a/examples/webgl_loader_obj_mtl.html b/examples/webgl_loader_obj_mtl.html
index 9a2b2ebbfa771e..19e144d07f09a8 100644
--- a/examples/webgl_loader_obj_mtl.html
+++ b/examples/webgl_loader_obj_mtl.html
@@ -96,7 +96,7 @@
//
renderer = new THREE.WebGLRenderer();
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_ply.html b/examples/webgl_loader_ply.html
index e74b5fc7840c01..5e25061802d10a 100644
--- a/examples/webgl_loader_ply.html
+++ b/examples/webgl_loader_ply.html
@@ -121,7 +121,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
diff --git a/examples/webgl_loader_stl.html b/examples/webgl_loader_stl.html
index ecfb60227c4504..d7a15956a09ea2 100644
--- a/examples/webgl_loader_stl.html
+++ b/examples/webgl_loader_stl.html
@@ -157,7 +157,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
diff --git a/examples/webgl_loader_svg.html b/examples/webgl_loader_svg.html
index 2962b7374a1abb..ef3148fea71362 100644
--- a/examples/webgl_loader_svg.html
+++ b/examples/webgl_loader_svg.html
@@ -58,7 +58,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
//
diff --git a/examples/webgl_loader_texture_exr.html b/examples/webgl_loader_texture_exr.html
index 16c190e057dfda..3bd13f7cca01c2 100644
--- a/examples/webgl_loader_texture_exr.html
+++ b/examples/webgl_loader_texture_exr.html
@@ -51,7 +51,7 @@
renderer.toneMapping = THREE.ReinhardToneMapping;
renderer.toneMappingExposure = params.exposure;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
scene = new THREE.Scene();
diff --git a/examples/webgl_loader_texture_hdr.html b/examples/webgl_loader_texture_hdr.html
index 7394bc1d53459e..05df1d462ac190 100644
--- a/examples/webgl_loader_texture_hdr.html
+++ b/examples/webgl_loader_texture_hdr.html
@@ -51,7 +51,7 @@
renderer.toneMapping = THREE.ReinhardToneMapping;
renderer.toneMappingExposure = params.exposure;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
scene = new THREE.Scene();
diff --git a/examples/webgl_loader_texture_ktx2.html b/examples/webgl_loader_texture_ktx2.html
index fee87d11252a1b..513402b7436421 100644
--- a/examples/webgl_loader_texture_ktx2.html
+++ b/examples/webgl_loader_texture_ktx2.html
@@ -38,7 +38,7 @@
const renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setSize( width, height );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
document.body.appendChild( renderer.domElement );
const scene = new THREE.Scene();
diff --git a/examples/webgl_loader_texture_logluv.html b/examples/webgl_loader_texture_logluv.html
index 06871664048fe8..0ba2c6a1c4eeee 100644
--- a/examples/webgl_loader_texture_logluv.html
+++ b/examples/webgl_loader_texture_logluv.html
@@ -50,7 +50,7 @@
renderer.toneMapping = THREE.ReinhardToneMapping;
renderer.toneMappingExposure = params.exposure;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
scene = new THREE.Scene();
diff --git a/examples/webgl_loader_texture_rgbm.html b/examples/webgl_loader_texture_rgbm.html
index 146583c94d6ba7..e199bf263206aa 100644
--- a/examples/webgl_loader_texture_rgbm.html
+++ b/examples/webgl_loader_texture_rgbm.html
@@ -50,7 +50,7 @@
renderer.toneMapping = THREE.ReinhardToneMapping;
renderer.toneMappingExposure = params.exposure;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
scene = new THREE.Scene();
diff --git a/examples/webgl_marchingcubes.html b/examples/webgl_marchingcubes.html
index 40193968c9297c..f27c071102cc08 100644
--- a/examples/webgl_marchingcubes.html
+++ b/examples/webgl_marchingcubes.html
@@ -105,7 +105,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer();
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_materials_bumpmap.html b/examples/webgl_materials_bumpmap.html
index bb52aebfe73011..c898d50acd120e 100644
--- a/examples/webgl_materials_bumpmap.html
+++ b/examples/webgl_materials_bumpmap.html
@@ -114,7 +114,7 @@
container.appendChild( renderer.domElement );
renderer.shadowMap.enabled = true;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
//
diff --git a/examples/webgl_materials_car.html b/examples/webgl_materials_car.html
index a1e8c7a241e6b2..298ebcd98fd616 100644
--- a/examples/webgl_materials_car.html
+++ b/examples/webgl_materials_car.html
@@ -72,7 +72,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.setAnimationLoop( render );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMapping = THREE.ACESFilmicToneMapping;
renderer.toneMappingExposure = 0.85;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_materials_cubemap_dynamic.html b/examples/webgl_materials_cubemap_dynamic.html
index d94b73fd46cf89..a4b6f866cd4753 100644
--- a/examples/webgl_materials_cubemap_dynamic.html
+++ b/examples/webgl_materials_cubemap_dynamic.html
@@ -52,7 +52,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.setAnimationLoop( animation );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMapping = THREE.ACESFilmicToneMapping;
document.body.appendChild( renderer.domElement );
diff --git a/examples/webgl_materials_displacementmap.html b/examples/webgl_materials_displacementmap.html
index 682ab8d84c7fda..ef6fba87d18b83 100644
--- a/examples/webgl_materials_displacementmap.html
+++ b/examples/webgl_materials_displacementmap.html
@@ -118,7 +118,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
//
diff --git a/examples/webgl_materials_envmaps.html b/examples/webgl_materials_envmaps.html
index c0f81f65f02a3d..78a26e46d0d8bc 100644
--- a/examples/webgl_materials_envmaps.html
+++ b/examples/webgl_materials_envmaps.html
@@ -83,7 +83,7 @@
renderer = new THREE.WebGLRenderer();
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
document.body.appendChild( renderer.domElement );
//
diff --git a/examples/webgl_materials_envmaps_exr.html b/examples/webgl_materials_envmaps_exr.html
index 325d7290e4fa00..9a4b2226c847a1 100644
--- a/examples/webgl_materials_envmaps_exr.html
+++ b/examples/webgl_materials_envmaps_exr.html
@@ -119,7 +119,7 @@
container.appendChild( renderer.domElement );
renderer.toneMapping = THREE.ACESFilmicToneMapping;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
stats = new Stats();
container.appendChild( stats.dom );
diff --git a/examples/webgl_materials_envmaps_hdr.html b/examples/webgl_materials_envmaps_hdr.html
index 347fd64cb49bf6..4daf3c968a10fe 100644
--- a/examples/webgl_materials_envmaps_hdr.html
+++ b/examples/webgl_materials_envmaps_hdr.html
@@ -142,7 +142,7 @@
container.appendChild( renderer.domElement );
//renderer.toneMapping = ReinhardToneMapping;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
stats = new Stats();
container.appendChild( stats.dom );
diff --git a/examples/webgl_materials_lightmap.html b/examples/webgl_materials_lightmap.html
index 8169e4728d0fa9..995bfc40526ffd 100644
--- a/examples/webgl_materials_lightmap.html
+++ b/examples/webgl_materials_lightmap.html
@@ -122,7 +122,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
// CONTROLS
diff --git a/examples/webgl_materials_matcap.html b/examples/webgl_materials_matcap.html
index 07de9b99191ec0..a65adef36a06c8 100644
--- a/examples/webgl_materials_matcap.html
+++ b/examples/webgl_materials_matcap.html
@@ -55,7 +55,7 @@
renderer.toneMapping = THREE.ACESFilmicToneMapping;
renderer.toneMappingExposure = API.exposure;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
// scene
scene = new THREE.Scene();
diff --git a/examples/webgl_materials_normalmap_object_space.html b/examples/webgl_materials_normalmap_object_space.html
index e81e3ac9a34817..b14f588bbe10a0 100644
--- a/examples/webgl_materials_normalmap_object_space.html
+++ b/examples/webgl_materials_normalmap_object_space.html
@@ -45,7 +45,7 @@
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
// scene
scene = new THREE.Scene();
diff --git a/examples/webgl_materials_physical_clearcoat.html b/examples/webgl_materials_physical_clearcoat.html
index efd6a0641d6c6e..863fd8b16d37a2 100644
--- a/examples/webgl_materials_physical_clearcoat.html
+++ b/examples/webgl_materials_physical_clearcoat.html
@@ -187,7 +187,7 @@
//
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
//
diff --git a/examples/webgl_materials_physical_reflectivity.html b/examples/webgl_materials_physical_reflectivity.html
index 6b2e908c2b5111..55c74de54ddf15 100644
--- a/examples/webgl_materials_physical_reflectivity.html
+++ b/examples/webgl_materials_physical_reflectivity.html
@@ -155,7 +155,7 @@
renderer.toneMapping = THREE.ACESFilmicToneMapping;
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
stats = new Stats();
container.appendChild( stats.dom );
diff --git a/examples/webgl_materials_physical_transmission.html b/examples/webgl_materials_physical_transmission.html
index f1263d7ddfac42..8837edcb752f2c 100644
--- a/examples/webgl_materials_physical_transmission.html
+++ b/examples/webgl_materials_physical_transmission.html
@@ -72,7 +72,7 @@
renderer.toneMapping = THREE.ACESFilmicToneMapping;
renderer.toneMappingExposure = params.exposure;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
scene = new THREE.Scene();
diff --git a/examples/webgl_materials_standard.html b/examples/webgl_materials_standard.html
index b52802ea70c301..1deff1c65a0aaa 100644
--- a/examples/webgl_materials_standard.html
+++ b/examples/webgl_materials_standard.html
@@ -55,7 +55,7 @@
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMapping = THREE.ReinhardToneMapping;
renderer.toneMappingExposure = 3;
diff --git a/examples/webgl_materials_standard_nodes.html b/examples/webgl_materials_standard_nodes.html
index f72d3f111b0fb4..876dcdf383ae16 100644
--- a/examples/webgl_materials_standard_nodes.html
+++ b/examples/webgl_materials_standard_nodes.html
@@ -57,7 +57,7 @@
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMapping = THREE.ReinhardToneMapping;
renderer.toneMappingExposure = 3;
diff --git a/examples/webgl_materials_subsurface_scattering.html b/examples/webgl_materials_subsurface_scattering.html
index 6f8bb3691255dc..be7562a44437c6 100644
--- a/examples/webgl_materials_subsurface_scattering.html
+++ b/examples/webgl_materials_subsurface_scattering.html
@@ -79,7 +79,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
//
diff --git a/examples/webgl_materials_variations_basic.html b/examples/webgl_materials_variations_basic.html
index cbfa9b4e9f1d8e..0e0dab01a26ed4 100644
--- a/examples/webgl_materials_variations_basic.html
+++ b/examples/webgl_materials_variations_basic.html
@@ -159,7 +159,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
//
diff --git a/examples/webgl_materials_variations_lambert.html b/examples/webgl_materials_variations_lambert.html
index f41add18479b2d..5766be79ba4215 100644
--- a/examples/webgl_materials_variations_lambert.html
+++ b/examples/webgl_materials_variations_lambert.html
@@ -159,7 +159,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
//
diff --git a/examples/webgl_materials_variations_phong.html b/examples/webgl_materials_variations_phong.html
index dd9fc242c8517a..16c7f42ee336de 100644
--- a/examples/webgl_materials_variations_phong.html
+++ b/examples/webgl_materials_variations_phong.html
@@ -166,7 +166,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
//
diff --git a/examples/webgl_materials_variations_physical.html b/examples/webgl_materials_variations_physical.html
index 9e9b7d22636798..6fcc12349b7e7f 100644
--- a/examples/webgl_materials_variations_physical.html
+++ b/examples/webgl_materials_variations_physical.html
@@ -168,7 +168,7 @@
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMapping = THREE.ACESFilmicToneMapping;
renderer.toneMappingExposure = 0.75;
diff --git a/examples/webgl_materials_variations_standard.html b/examples/webgl_materials_variations_standard.html
index 72dc2870568b84..2d54734777214d 100644
--- a/examples/webgl_materials_variations_standard.html
+++ b/examples/webgl_materials_variations_standard.html
@@ -171,7 +171,7 @@
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMapping = THREE.ACESFilmicToneMapping;
renderer.toneMappingExposure = 0.75;
diff --git a/examples/webgl_materials_variations_toon.html b/examples/webgl_materials_variations_toon.html
index 94379d27592d41..872dfeeb1dfae5 100644
--- a/examples/webgl_materials_variations_toon.html
+++ b/examples/webgl_materials_variations_toon.html
@@ -66,7 +66,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
// Materials
diff --git a/examples/webgl_morphtargets_face.html b/examples/webgl_morphtargets_face.html
index d19070c23582a0..a06f7068dea6ec 100644
--- a/examples/webgl_morphtargets_face.html
+++ b/examples/webgl_morphtargets_face.html
@@ -67,7 +67,7 @@
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.toneMapping = THREE.ACESFilmicToneMapping;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_morphtargets_horse.html b/examples/webgl_morphtargets_horse.html
index 4608ed92cd8849..61e6debce0f549 100644
--- a/examples/webgl_morphtargets_horse.html
+++ b/examples/webgl_morphtargets_horse.html
@@ -95,7 +95,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
container.appendChild( renderer.domElement );
diff --git a/examples/webgl_nodes_playground.html b/examples/webgl_nodes_playground.html
index 182e71c6b38e14..019233534b5248 100644
--- a/examples/webgl_nodes_playground.html
+++ b/examples/webgl_nodes_playground.html
@@ -91,7 +91,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
document.body.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMapping = THREE.LinearToneMapping;
renderer.toneMappingExposure = 4000;
renderer.physicallyCorrectLights = true;
diff --git a/examples/webgl_pmrem_test.html b/examples/webgl_pmrem_test.html
index 0532b46f894370..94f5bd595e9c7e 100644
--- a/examples/webgl_pmrem_test.html
+++ b/examples/webgl_pmrem_test.html
@@ -53,7 +53,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( width, height );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.physicallyCorrectLights = true;
// tonemapping
diff --git a/examples/webgl_portal.html b/examples/webgl_portal.html
index f91123be7685d4..db9cef67b35bc1 100644
--- a/examples/webgl_portal.html
+++ b/examples/webgl_portal.html
@@ -195,7 +195,7 @@
CameraUtils.frameCorners( portalCamera, bottomLeftCorner, bottomRightCorner, topLeftCorner, false );
// render the portal
- thisPortalTexture.texture.encoding = renderer.outputEncoding;
+ thisPortalTexture.texture.encoding = renderer.outputColorSpace;
renderer.setRenderTarget( thisPortalTexture );
renderer.state.buffers.depth.setMask( true ); // make sure the depth buffer is writable so it can be properly cleared, see #18897
if ( renderer.autoClear === false ) renderer.clear();
diff --git a/examples/webgl_shaders_sky.html b/examples/webgl_shaders_sky.html
index cc6652460dd06f..aa9207a62b5f1a 100644
--- a/examples/webgl_shaders_sky.html
+++ b/examples/webgl_shaders_sky.html
@@ -106,7 +106,7 @@
renderer = new THREE.WebGLRenderer();
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMapping = THREE.ACESFilmicToneMapping;
renderer.toneMappingExposure = 0.5;
document.body.appendChild( renderer.domElement );
diff --git a/examples/webgl_shadowmap.html b/examples/webgl_shadowmap.html
index 509e4398fe029d..26a322ba156afb 100644
--- a/examples/webgl_shadowmap.html
+++ b/examples/webgl_shadowmap.html
@@ -110,7 +110,7 @@
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.autoClear = false;
//
diff --git a/examples/webgl_shadowmap_pcss.html b/examples/webgl_shadowmap_pcss.html
index f48c754d946b5f..57758dfdf2537d 100644
--- a/examples/webgl_shadowmap_pcss.html
+++ b/examples/webgl_shadowmap_pcss.html
@@ -254,7 +254,7 @@
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
// controls
diff --git a/examples/webgl_shadowmap_performance.html b/examples/webgl_shadowmap_performance.html
index cde3303c2f5711..44a44b2e7e492b 100644
--- a/examples/webgl_shadowmap_performance.html
+++ b/examples/webgl_shadowmap_performance.html
@@ -104,7 +104,7 @@
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
container.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.autoClear = false;
//
diff --git a/examples/webgl_tonemapping.html b/examples/webgl_tonemapping.html
index 41779b8de18a1d..29bd11af42d449 100644
--- a/examples/webgl_tonemapping.html
+++ b/examples/webgl_tonemapping.html
@@ -69,7 +69,7 @@
renderer.toneMapping = toneMappingOptions[ params.toneMapping ];
renderer.toneMappingExposure = params.exposure;
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
// Set CustomToneMapping to Uncharted2
// source: http://filmicworlds.com/blog/filmic-tonemapping-operators/
diff --git a/examples/webgpu_lights_selective.html b/examples/webgpu_lights_selective.html
index 4624f9c337b2f1..73fd5c839595fa 100644
--- a/examples/webgpu_lights_selective.html
+++ b/examples/webgpu_lights_selective.html
@@ -134,7 +134,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMappingNode = new Nodes.ToneMappingNode( THREE.LinearToneMapping, 100 );
//controls
diff --git a/examples/webgpu_nodes_playground.html b/examples/webgpu_nodes_playground.html
index 3d7792b0c2e3c5..ab390b54b66bf4 100644
--- a/examples/webgpu_nodes_playground.html
+++ b/examples/webgpu_nodes_playground.html
@@ -106,7 +106,7 @@
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMappingNode = new Nodes.ToneMappingNode( THREE.LinearToneMapping, 4000 );
renderer.domElement.className = 'renderer';
diff --git a/examples/webgpu_skinning.html b/examples/webgpu_skinning.html
index 5818855821640c..eb33a962cf40a5 100644
--- a/examples/webgpu_skinning.html
+++ b/examples/webgpu_skinning.html
@@ -93,7 +93,7 @@
renderer = new WebGPURenderer();
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMappingNode = new Nodes.ToneMappingNode( THREE.LinearToneMapping, 800 );
document.body.appendChild( renderer.domElement );
diff --git a/examples/webgpu_skinning_instancing.html b/examples/webgpu_skinning_instancing.html
index 3dc5e8fcdf58f1..243b2a62174ef7 100644
--- a/examples/webgpu_skinning_instancing.html
+++ b/examples/webgpu_skinning_instancing.html
@@ -116,7 +116,7 @@
renderer = new WebGPURenderer();
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.toneMappingNode = new Nodes.ToneMappingNode( THREE.LinearToneMapping, 800 );
document.body.appendChild( renderer.domElement );
diff --git a/examples/webxr_ar_lighting.html b/examples/webxr_ar_lighting.html
index ea4341c77a97d6..d5a5f9fd0dd206 100644
--- a/examples/webxr_ar_lighting.html
+++ b/examples/webxr_ar_lighting.html
@@ -57,7 +57,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.physicallyCorrectLights = true;
renderer.xr.enabled = true;
container.appendChild( renderer.domElement );
diff --git a/examples/webxr_vr_ballshooter.html b/examples/webxr_vr_ballshooter.html
index f6462a80191f3b..c29f3f0cb5cd8e 100644
--- a/examples/webxr_vr_ballshooter.html
+++ b/examples/webxr_vr_ballshooter.html
@@ -93,7 +93,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.xr.enabled = true;
document.body.appendChild( renderer.domElement );
diff --git a/examples/webxr_vr_cubes.html b/examples/webxr_vr_cubes.html
index 4d432dc85e1ddc..4a599e24ab67b8 100644
--- a/examples/webxr_vr_cubes.html
+++ b/examples/webxr_vr_cubes.html
@@ -102,7 +102,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.xr.enabled = true;
container.appendChild( renderer.domElement );
diff --git a/examples/webxr_vr_dragging.html b/examples/webxr_vr_dragging.html
index f02c524f5f5bba..3bfe4a7c06586f 100644
--- a/examples/webxr_vr_dragging.html
+++ b/examples/webxr_vr_dragging.html
@@ -128,7 +128,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
renderer.xr.enabled = true;
container.appendChild( renderer.domElement );
diff --git a/examples/webxr_vr_handinput.html b/examples/webxr_vr_handinput.html
index 161206ef09c974..bc0b12c07c6903 100644
--- a/examples/webxr_vr_handinput.html
+++ b/examples/webxr_vr_handinput.html
@@ -83,7 +83,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
renderer.xr.enabled = true;
diff --git a/examples/webxr_vr_handinput_cubes.html b/examples/webxr_vr_handinput_cubes.html
index a5659d3531d826..6c450033a60b92 100644
--- a/examples/webxr_vr_handinput_cubes.html
+++ b/examples/webxr_vr_handinput_cubes.html
@@ -96,7 +96,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
renderer.xr.enabled = true;
diff --git a/examples/webxr_vr_handinput_pointerclick.html b/examples/webxr_vr_handinput_pointerclick.html
index 72f7adb5feba49..134a32ff2de04a 100644
--- a/examples/webxr_vr_handinput_pointerclick.html
+++ b/examples/webxr_vr_handinput_pointerclick.html
@@ -317,7 +317,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
renderer.xr.enabled = true;
renderer.xr.cameraAutoUpdate = false;
diff --git a/examples/webxr_vr_handinput_pointerdrag.html b/examples/webxr_vr_handinput_pointerdrag.html
index a5f98a78f9bd3e..68af1cc04873e3 100644
--- a/examples/webxr_vr_handinput_pointerdrag.html
+++ b/examples/webxr_vr_handinput_pointerdrag.html
@@ -420,7 +420,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
renderer.xr.enabled = true;
renderer.xr.cameraAutoUpdate = false;
diff --git a/examples/webxr_vr_handinput_pressbutton.html b/examples/webxr_vr_handinput_pressbutton.html
index 30bae30a0e6350..1afb934c2a409a 100644
--- a/examples/webxr_vr_handinput_pressbutton.html
+++ b/examples/webxr_vr_handinput_pressbutton.html
@@ -377,7 +377,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
renderer.xr.enabled = true;
renderer.xr.cameraAutoUpdate = false;
diff --git a/examples/webxr_vr_handinput_profiles.html b/examples/webxr_vr_handinput_profiles.html
index 05a0deac49286f..64a8a9ed5840de 100644
--- a/examples/webxr_vr_handinput_profiles.html
+++ b/examples/webxr_vr_handinput_profiles.html
@@ -90,7 +90,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
renderer.xr.enabled = true;
diff --git a/examples/webxr_vr_haptics.html b/examples/webxr_vr_haptics.html
index a577a2ce9216f8..61f0ebf10a271e 100644
--- a/examples/webxr_vr_haptics.html
+++ b/examples/webxr_vr_haptics.html
@@ -147,7 +147,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
renderer.xr.enabled = true;
container.appendChild( renderer.domElement );
diff --git a/examples/webxr_vr_layers.html b/examples/webxr_vr_layers.html
index 7f48b3541158c3..27d648d5c65225 100644
--- a/examples/webxr_vr_layers.html
+++ b/examples/webxr_vr_layers.html
@@ -129,7 +129,7 @@
renderer.setClearAlpha( 1 );
renderer.setClearColor( new THREE.Color( 0 ), 0 );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.xr.enabled = true;
document.body.appendChild( renderer.domElement );
diff --git a/examples/webxr_vr_paint.html b/examples/webxr_vr_paint.html
index b0c174e80c3394..2477d5361b116d 100644
--- a/examples/webxr_vr_paint.html
+++ b/examples/webxr_vr_paint.html
@@ -100,7 +100,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.xr.enabled = true;
container.appendChild( renderer.domElement );
diff --git a/examples/webxr_vr_sculpt.html b/examples/webxr_vr_sculpt.html
index 68493b034dbf89..3179b658a87189 100644
--- a/examples/webxr_vr_sculpt.html
+++ b/examples/webxr_vr_sculpt.html
@@ -94,7 +94,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.xr.enabled = true;
container.appendChild( renderer.domElement );
diff --git a/examples/webxr_vr_teleport.html b/examples/webxr_vr_teleport.html
index efe23e07f1b7a7..919c385017d96a 100644
--- a/examples/webxr_vr_teleport.html
+++ b/examples/webxr_vr_teleport.html
@@ -83,7 +83,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.xr.addEventListener( 'sessionstart', () => { baseReferenceSpace = renderer.xr.getReferenceSpace(); } )
renderer.xr.enabled = true;
document.body.appendChild( renderer.domElement );
diff --git a/manual/examples/background-v01.html b/manual/examples/background-v01.html
index 503b768e38a2f0..d6e7a8b0e755f3 100644
--- a/manual/examples/background-v01.html
+++ b/manual/examples/background-v01.html
@@ -63,7 +63,7 @@
controls.update();
}
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
const hemiLight = new THREE.HemisphereLight(0xffffff, 0xffffff, 0.6);
diff --git a/manual/examples/background.html b/manual/examples/background.html
index 8f86f3ae46fbf1..41a0d455fc52e5 100644
--- a/manual/examples/background.html
+++ b/manual/examples/background.html
@@ -64,7 +64,7 @@
controls.update();
}
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
const hemiLight = new THREE.HemisphereLight(0xffffff, 0xffffff, 0.6);
diff --git a/manual/examples/cleanup-loaded-files.html b/manual/examples/cleanup-loaded-files.html
index 45c6c88822ef2b..0bc25c4c1fca5f 100644
--- a/manual/examples/cleanup-loaded-files.html
+++ b/manual/examples/cleanup-loaded-files.html
@@ -107,7 +107,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 75;
const aspect = 2; // the canvas default
diff --git a/manual/examples/game-check-animations.html b/manual/examples/game-check-animations.html
index a77cb752c279f2..2394dbd24014f1 100644
--- a/manual/examples/game-check-animations.html
+++ b/manual/examples/game-check-animations.html
@@ -94,7 +94,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/game-conga-line-w-notes.html b/manual/examples/game-conga-line-w-notes.html
index beb7d70cbaab55..8f12aae5821373 100644
--- a/manual/examples/game-conga-line-w-notes.html
+++ b/manual/examples/game-conga-line-w-notes.html
@@ -170,7 +170,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/game-conga-line.html b/manual/examples/game-conga-line.html
index 7c558ed660742e..6a3e807637b6f0 100644
--- a/manual/examples/game-conga-line.html
+++ b/manual/examples/game-conga-line.html
@@ -170,7 +170,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/game-just-player.html b/manual/examples/game-just-player.html
index 181d3a54a9be53..70bd16d8dd7f48 100644
--- a/manual/examples/game-just-player.html
+++ b/manual/examples/game-just-player.html
@@ -100,7 +100,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/game-load-models.html b/manual/examples/game-load-models.html
index d58f0fe5724874..236d37e09d2d34 100644
--- a/manual/examples/game-load-models.html
+++ b/manual/examples/game-load-models.html
@@ -94,7 +94,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/game-player-input.html b/manual/examples/game-player-input.html
index 6bdfcd2432430f..d7d272babdee3c 100644
--- a/manual/examples/game-player-input.html
+++ b/manual/examples/game-player-input.html
@@ -140,7 +140,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-gltf-animated-cars.html b/manual/examples/load-gltf-animated-cars.html
index 4fd9810542522d..20381ae705406d 100644
--- a/manual/examples/load-gltf-animated-cars.html
+++ b/manual/examples/load-gltf-animated-cars.html
@@ -40,7 +40,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-gltf-car-path-fixed.html b/manual/examples/load-gltf-car-path-fixed.html
index ded2ee2ecede50..08b2e1f0bba617 100644
--- a/manual/examples/load-gltf-car-path-fixed.html
+++ b/manual/examples/load-gltf-car-path-fixed.html
@@ -40,7 +40,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-gltf-car-path.html b/manual/examples/load-gltf-car-path.html
index 73f8caa778c815..390a36c8791560 100644
--- a/manual/examples/load-gltf-car-path.html
+++ b/manual/examples/load-gltf-car-path.html
@@ -40,7 +40,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-gltf-dump-scenegraph-extra.html b/manual/examples/load-gltf-dump-scenegraph-extra.html
index b709edcd971f06..cc7a8385f049ff 100644
--- a/manual/examples/load-gltf-dump-scenegraph-extra.html
+++ b/manual/examples/load-gltf-dump-scenegraph-extra.html
@@ -40,7 +40,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-gltf-dump-scenegraph.html b/manual/examples/load-gltf-dump-scenegraph.html
index 6706d77936998c..0ef13f07cf2522 100644
--- a/manual/examples/load-gltf-dump-scenegraph.html
+++ b/manual/examples/load-gltf-dump-scenegraph.html
@@ -40,7 +40,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-gltf-rotate-cars-fixed.html b/manual/examples/load-gltf-rotate-cars-fixed.html
index 2d01bdd9a9b066..4e5a4abf39f60c 100644
--- a/manual/examples/load-gltf-rotate-cars-fixed.html
+++ b/manual/examples/load-gltf-rotate-cars-fixed.html
@@ -40,7 +40,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-gltf-rotate-cars.html b/manual/examples/load-gltf-rotate-cars.html
index f8f0c8b3926e1a..062160ce95234d 100644
--- a/manual/examples/load-gltf-rotate-cars.html
+++ b/manual/examples/load-gltf-rotate-cars.html
@@ -40,7 +40,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-gltf-shadows.html b/manual/examples/load-gltf-shadows.html
index 73a4c27e9ed1ea..576e3a8917de6d 100644
--- a/manual/examples/load-gltf-shadows.html
+++ b/manual/examples/load-gltf-shadows.html
@@ -41,7 +41,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.shadowMap.enabled = true;
const fov = 45;
diff --git a/manual/examples/load-gltf.html b/manual/examples/load-gltf.html
index 65f5f4a8c66746..2a93ee7e8bd308 100644
--- a/manual/examples/load-gltf.html
+++ b/manual/examples/load-gltf.html
@@ -40,7 +40,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-obj-auto-camera-xz.html b/manual/examples/load-obj-auto-camera-xz.html
index 6682d9e0b978cd..d4a624f38452b8 100644
--- a/manual/examples/load-obj-auto-camera-xz.html
+++ b/manual/examples/load-obj-auto-camera-xz.html
@@ -40,7 +40,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-obj-auto-camera.html b/manual/examples/load-obj-auto-camera.html
index 4731dcfb82cc65..c7c203b9e76c83 100644
--- a/manual/examples/load-obj-auto-camera.html
+++ b/manual/examples/load-obj-auto-camera.html
@@ -40,7 +40,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-obj-materials-fixed.html b/manual/examples/load-obj-materials-fixed.html
index 1e283f12a73de8..c19fc4b38150fe 100644
--- a/manual/examples/load-obj-materials-fixed.html
+++ b/manual/examples/load-obj-materials-fixed.html
@@ -41,7 +41,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-obj-materials-windmill2.html b/manual/examples/load-obj-materials-windmill2.html
index 96e61624cdaf45..ceca59488f118c 100644
--- a/manual/examples/load-obj-materials-windmill2.html
+++ b/manual/examples/load-obj-materials-windmill2.html
@@ -41,7 +41,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-obj-materials.html b/manual/examples/load-obj-materials.html
index 14f84b0f5c4ad7..e2a233188cc927 100644
--- a/manual/examples/load-obj-materials.html
+++ b/manual/examples/load-obj-materials.html
@@ -41,7 +41,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-obj-no-materials.html b/manual/examples/load-obj-no-materials.html
index c6bcaff79eddef..408c110d0edc63 100644
--- a/manual/examples/load-obj-no-materials.html
+++ b/manual/examples/load-obj-no-materials.html
@@ -40,7 +40,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/load-obj-wat.html b/manual/examples/load-obj-wat.html
index 457e09763fffd7..1e81e43ee490b5 100644
--- a/manual/examples/load-obj-wat.html
+++ b/manual/examples/load-obj-wat.html
@@ -40,7 +40,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
const fov = 45;
const aspect = 2; // the canvas default
diff --git a/manual/examples/postprocessing-3dlut-prep.html b/manual/examples/postprocessing-3dlut-prep.html
index 348f74b46f4633..c24f48cbd0e592 100644
--- a/manual/examples/postprocessing-3dlut-prep.html
+++ b/manual/examples/postprocessing-3dlut-prep.html
@@ -40,7 +40,7 @@
function main() {
const canvas = document.querySelector('#c');
const renderer = new THREE.WebGLRenderer({canvas});
- renderer.outputEncoding = THREE.sRGBEncoding;
+ renderer.outputColorSpace = THREE.sRGBEncoding;
renderer.autoClearColor = false;
const fov = 45;
diff --git a/src/renderers/WebGLRenderer.js b/src/renderers/WebGLRenderer.js
index 4669da78fc01d5..4de7240ab6c378 100644
--- a/src/renderers/WebGLRenderer.js
+++ b/src/renderers/WebGLRenderer.js
@@ -122,7 +122,7 @@ function WebGLRenderer( parameters = {} ) {
// physically based shading
- this.outputEncoding = LinearEncoding;
+ this.outputColorSpace = LinearEncoding;
// physical lights
@@ -150,6 +150,23 @@ function WebGLRenderer( parameters = {} ) {
console.warn( 'THREE.WebGLRenderer: .gammaFactor has been removed.' );
+ }
+ },
+
+ // @deprecated since TODO
+
+ outputEncoding: {
+ get: function () {
+
+ console.warn( 'THREE.WebGLRenderer: .outputEncoding has been renamed to .outputColorSpace.' );
+ return this.outputColorSpace;
+
+ },
+ set: function ( value ) {
+
+ console.warn( 'THREE.WebGLRenderer: .outputEncoding has been renamed to .outputColorSpace.' );
+ this.outputColorSpace = value;
+
}
}
@@ -1446,7 +1463,7 @@ function WebGLRenderer( parameters = {} ) {
const materialProperties = properties.get( material );
- materialProperties.outputEncoding = parameters.outputEncoding;
+ materialProperties.outputColorSpace = parameters.outputColorSpace;
materialProperties.instancing = parameters.instancing;
materialProperties.skinning = parameters.skinning;
materialProperties.morphTargets = parameters.morphTargets;
@@ -1469,7 +1486,7 @@ function WebGLRenderer( parameters = {} ) {
const fog = scene.fog;
const environment = material.isMeshStandardMaterial ? scene.environment : null;
- const encoding = ( _currentRenderTarget === null ) ? _this.outputEncoding : ( _currentRenderTarget.isXRRenderTarget === true ? _currentRenderTarget.texture.encoding : LinearEncoding );
+ const encoding = ( _currentRenderTarget === null ) ? _this.outputColorSpace : ( _currentRenderTarget.isXRRenderTarget === true ? _currentRenderTarget.texture.encoding : LinearEncoding );
const envMap = ( material.isMeshStandardMaterial ? cubeuvmaps : cubemaps ).get( material.envMap || environment );
const vertexAlphas = material.vertexColors === true && !! geometry.attributes.color && geometry.attributes.color.itemSize === 4;
const vertexTangents = !! material.normalMap && !! geometry.attributes.tangent;
@@ -1511,7 +1528,7 @@ function WebGLRenderer( parameters = {} ) {
needsProgramChange = true;
- } else if ( materialProperties.outputEncoding !== encoding ) {
+ } else if ( materialProperties.outputColorSpace !== encoding ) {
needsProgramChange = true;
diff --git a/src/renderers/webgl/WebGLProgram.js b/src/renderers/webgl/WebGLProgram.js
index 88311195de26e8..fc6745c3fbf4f4 100644
--- a/src/renderers/webgl/WebGLProgram.js
+++ b/src/renderers/webgl/WebGLProgram.js
@@ -687,7 +687,7 @@ function WebGLProgram( renderer, cacheKey, parameters, bindingStates ) {
parameters.opaque ? '#define OPAQUE' : '',
ShaderChunk[ 'encodings_pars_fragment' ], // this code is required here because it is used by the various encoding/decoding function defined below
- getTexelEncodingFunction( 'linearToOutputTexel', parameters.outputEncoding ),
+ getTexelEncodingFunction( 'linearToOutputTexel', parameters.outputColorSpace ),
parameters.useDepthPacking ? '#define DEPTH_PACKING ' + parameters.depthPacking : '',
diff --git a/src/renderers/webgl/WebGLPrograms.js b/src/renderers/webgl/WebGLPrograms.js
index 50e45f7bd2a480..6bfedaab9bd9e1 100644
--- a/src/renderers/webgl/WebGLPrograms.js
+++ b/src/renderers/webgl/WebGLPrograms.js
@@ -123,7 +123,7 @@ function WebGLPrograms( renderer, cubemaps, cubeuvmaps, extensions, capabilities
instancingColor: object.isInstancedMesh === true && object.instanceColor !== null,
supportsVertexTextures: vertexTextures,
- outputEncoding: ( currentRenderTarget === null ) ? renderer.outputEncoding : ( currentRenderTarget.isXRRenderTarget === true ? currentRenderTarget.texture.encoding : LinearEncoding ),
+ outputColorSpace: ( currentRenderTarget === null ) ? renderer.outputColorSpace : ( currentRenderTarget.isXRRenderTarget === true ? currentRenderTarget.texture.encoding : LinearEncoding ),
map: !! material.map,
matcap: !! material.matcap,
envMap: !! envMap,
@@ -269,7 +269,7 @@ function WebGLPrograms( renderer, cubemaps, cubeuvmaps, extensions, capabilities
getProgramCacheKeyParameters( array, parameters );
getProgramCacheKeyBooleans( array, parameters );
- array.push( renderer.outputEncoding );
+ array.push( renderer.outputColorSpace );
}
@@ -282,7 +282,7 @@ function WebGLPrograms( renderer, cubemaps, cubeuvmaps, extensions, capabilities
function getProgramCacheKeyParameters( array, parameters ) {
array.push( parameters.precision );
- array.push( parameters.outputEncoding );
+ array.push( parameters.outputColorSpace );
array.push( parameters.envMapMode );
array.push( parameters.envMapCubeUVHeight );
array.push( parameters.combine );
diff --git a/src/renderers/webxr/WebXRManager.js b/src/renderers/webxr/WebXRManager.js
index 5745cfcf1730be..031565f82badcd 100644
--- a/src/renderers/webxr/WebXRManager.js
+++ b/src/renderers/webxr/WebXRManager.js
@@ -278,7 +278,7 @@ class WebXRManager extends EventDispatcher {
{
format: RGBAFormat,
type: UnsignedByteType,
- encoding: renderer.outputEncoding
+ encoding: renderer.outputColorSpace
}
);
@@ -297,7 +297,7 @@ class WebXRManager extends EventDispatcher {
}
const projectionlayerInit = {
- colorFormat: ( renderer.outputEncoding === sRGBEncoding ) ? gl.SRGB8_ALPHA8 : gl.RGBA8,
+ colorFormat: ( renderer.outputColorSpace === sRGBEncoding ) ? gl.SRGB8_ALPHA8 : gl.RGBA8,
depthFormat: glDepthFormat,
scaleFactor: framebufferScaleFactor
};
@@ -316,7 +316,7 @@ class WebXRManager extends EventDispatcher {
type: UnsignedByteType,
depthTexture: new DepthTexture( glProjLayer.textureWidth, glProjLayer.textureHeight, depthType, undefined, undefined, undefined, undefined, undefined, undefined, depthFormat ),
stencilBuffer: attributes.stencil,
- encoding: renderer.outputEncoding,
+ encoding: renderer.outputColorSpace,
samples: attributes.antialias ? 4 : 0
} );