My VideoTexture in ThreeJS is rendering with a lot of pixelation issues.
Despite having a sufficient pixelDensity for the renderer and crisp rendering in other parts of the scene, I have been unable to find any helpful information on how to fix this problem.
- Adjusting Anisotropy settings has no effect at all
- Increasing the
pixelDensityto abnormally high levels somewhat improves the situation, but doesn't completely resolve it - The video being used is of very high-definition quality
- I even attempted using
FXAAas ashaderPass, but that did not make a difference either
Is there anyone who knows how to achieve a clear and sharp VideoTexture? There must be a way to enhance the quality beyond what is shown below. Could there be an issue with how I'm creating the texture/material?
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)