在 Three.js 中为实时更新的 CanvasTexture 启用 sRGBEncoding 会触发 GPU 端隐式线性化转换，造成 CPU/GPU 同步等待，导致帧率腰斩；可通过手动线性化预处理或着色器级校正绕过该性能瓶颈。
在 three.js 中为实时更新的 canvastexture 启用 `srgbencoding` 会触发 gpu 端隐式线性化转换，造成 cpu/gpu 同步等待，导致帧率腰斩；可通过手动线性化预处理或着色器级校正绕过该性能瓶颈。
当您为频繁更新的 CanvasTexture 设置 texture.encoding = THREE.sRGBEncoding，且渲染器启用了 renderer.outputEncoding = THREE.sRGBEncoding 时，Three.js 会在每次 texture.needsUpdate = true 后强制执行GPU 级颜色空间转换：即把 sRGB 格式的纹理数据（如 Canvas 的 getImageData 输出）在采样前自动转换为线性空间——这一过程并非纯计算，而是依赖 WebGL 驱动对纹理上传路径的干预，常引发隐式同步点（GPU fence），阻塞 requestAnimationFrame 流水线，表现为帧间隔显著拉长（如从 16ms → 35ms），即使 JS 渲染逻辑仅耗时 1ms。
根本原因在于：浏览器 Canvas 的像素数据默认以 sRGB 编码存储（无论 canvas.getContext('2d') 是否显式配置），而 WebGL 纹理上传时若声明为 sRGB 编码，驱动需在 GPU 纹理单元中插入 gamma 校正步骤。对于每帧重载的动态纹理，该操作无法被有效批处理，成为性能瓶颈。
✅ 推荐解决方案（兼顾正确性与性能）：
-
禁用纹理 sRGB 编码，改由着色器手动线性化（推荐）
移除texture.encoding = THREE.sRGBEncoding，保持纹理为默认线性上传（实际仍是 sRGB 数据），并在自定义 ShaderMaterial 中显式应用 sRGB→Linear 转换：
// 片元着色器中添加线性化逻辑
const fragmentShader = `
uniform sampler2D uTexture;
varying vec2 vUv;
// sRGB to Linear 转换函数（标准近似）
vec3 sRGBToLinear(vec3 color) {
return pow(color, vec3(2.2));
}
void main() {
vec4 tex = texture2D(uTexture, vUv);
gl_FragColor = vec4(sRGBToLinear(tex.rgb), tex.a);
}
`;-
预处理 Canvas 数据（适用于可控内容）
在context.drawImage()后，用getImageData读取像素，手动执行 gamma 校正，再putImageData回写（注意性能开销）：
function convertCanvasToLinear(canvas) {
const ctx = canvas.getContext('2d');
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
const data = imageData.data;
for (let i = 0; i < data.length; i += 4) {
data[i] = Math.pow(data[i] / 255.0, 2.2) * 255.0; // R
data[i+1] = Math.pow(data[i+1] / 255.0, 2.2) * 255.0; // G
data[i+2] = Math.pow(data[i+2] / 255.0, 2.2) * 255.0; // B
}
ctx.putImageData(imageData, 0, 0);
}⚠️ 注意事项：
- 避免在每帧调用
getImageData/putImageData（CPU 像素拷贝极慢），仅在初始化或内容变更时预处理； - 若使用
WebGLRenderer.outputEncoding = THREE.sRGBEncoding，务必确保所有纹理输入已线性化，否则双重校正会导致画面过曝； - 华为 Meta40 等移动端 GPU 对 sRGB 纹理上传更敏感，性能落差比桌面端更显著；
- 此问题已在 Three.js v0.158+ 中通过优化纹理上传路径部分缓解，但动态纹理场景仍建议采用着色器方案。
最终效果：帧率恢复至稳定 60 FPS，同时保留正确的色彩空间管线——这才是实时渲染中精度与性能兼顾的专业实践。
