diff --git a/examples/webgpu_lights_projector.html b/examples/webgpu_lights_projector.html index 828b0b688176bf..1c8641848079d9 100644 --- a/examples/webgpu_lights_projector.html +++ b/examples/webgpu_lights_projector.html @@ -191,6 +191,7 @@ video.play(); videoTexture = new THREE.VideoTexture( video ); + videoTexture.colorSpace = THREE.SRGBColorSpace; } diff --git a/examples/webgpu_materials_video.html b/examples/webgpu_materials_video.html index 1c75dd23ff3eb2..0ed57395b4153b 100644 --- a/examples/webgpu_materials_video.html +++ b/examples/webgpu_materials_video.html @@ -97,6 +97,7 @@ } ); texture = new THREE.VideoTexture( video ); + texture.colorSpace = THREE.SRGBColorSpace; // diff --git a/src/textures/VideoTexture.js b/src/textures/VideoTexture.js index 0e23649697e2ed..bd777596fcc934 100644 --- a/src/textures/VideoTexture.js +++ b/src/textures/VideoTexture.js @@ -10,6 +10,9 @@ import { Texture } from './Texture.js'; * const texture = new THREE.VideoTexture( video ); * ``` * + * Note: When using video textures with {@link WebGPURenderer}, {@link Texture#colorSpace} must be + * set to THREE.SRGBColorSpace. + * * Note: After the initial use of a texture, its dimensions, format, and type * cannot be changed. Instead, call {@link Texture#dispose} on the texture and instantiate a new one. *