ThreeJs VideoTexture 抗鋸齒/分辨率

Question

所以我在 ThreeJS 中有一個VideoTexture ，它的渲染真的很像素。

渲染器的實際像素密度很多，並且場景的pixelDensity渲染得相當清晰 - 我已經在高處和低處搜索了一些關於在這里做什么的信息，但我找不到任何東西。

• 各向異性設置什么都不做，不管設置的數字是多少
• pixelDensity增加到異常高的數字會有所幫助，但不能解決問題
• 視頻本身非常高清
• 我試過使用FXAA作為shaderPass ，但這似乎也沒有做任何事情

有誰知道如何獲得清晰的VideoTexture ？ 當然有可能得到比下面更好的東西。 我創建紋理/材質的方式有什么問題嗎？

video.load()
video.play()

const texture = new VideoTexture(video)
texture.encoding = sRGBEncoding

const material = new MeshStandardMaterial({
  map: texture,
  side: FrontSide,
})

const geometry = new PlaneGeometry( 30, 17, 32 )

Answer 1

嘗試更改紋理的縮小和放大過濾器。 如果您使用NearestFilter ，它會非常像素化，但您可以使用LinearFilter來獲得紋素之間的平滑插值：

const texture = new VideoTexture(video);
texture.encoding = sRGBEncoding;
texture.magFilter = THREE.LinearFilter;