ThreeJS videoTexture线性工作流

Question

我在我的 R3F 应用程序中使用了三个 VideoTexture。不幸的是，它没有进行伽马校正，所以我的视频似乎已经过时了。我尝试将纹理的编码设置为 sRGBEncoding，但这似乎没有任何作用。 videotexture的三个文档也没有关于编码的内容。

如何在 VideoTextures 上设置 RGBEncoding？

提前致谢。

这是我的纹理：

import {
  MeshStandardMaterial,
  VideoTexture,
  sRGBEncoding,
} from "three";

const textureVid = document.createElement("video");
textureVid.src = "assets/video/test.mp4";
textureVid.play();

const videoTexture = new VideoTexture(textureVid);
videoTexture.encoding = sRGBEncoding;

const matTVScreen = new MeshStandardMaterial({
  color: 0x000000,
  map: videoTexture,
});

Answer 1

基本上我的代码是正确的。我必须删除我的浏览器缓存才能看到这些更改。

ThreeJS videoTexture线性工作流

ThreeJS videoTexture linear workflow

webgl

three.js

react-three-fiber