Javascript ThreeJs视频纹理抗锯齿/分辨率
所以我有一个3J的Javascript ThreeJs视频纹理抗锯齿/分辨率,javascript,three.js,react-three-fiber,Javascript,Three.js,React Three Fiber,所以我有一个3J的VideoTexture,它的渲染非常像素化 渲染器的实际pixelDensity非常丰富,场景的其余部分渲染得相当清晰-我已经到处搜索了一些关于在这里做什么的信息,但我找不到任何东西 Aniostropy设置不起任何作用,与设置的数字无关 将pixelDensity增加到一个异常高的数字会有所帮助,但无法修复它 视频本身是非常高清晰度的 我曾尝试将FXAA用作shaderPass,但这似乎也没有任何作用 有人知道如何获得清晰的视频纹理吗?当然有可能得到比下面更好的东西。我
VideoTexture
,它的渲染非常像素化
渲染器的实际pixelDensity
非常丰富,场景的其余部分渲染得相当清晰-我已经到处搜索了一些关于在这里做什么的信息,但我找不到任何东西
- Aniostropy设置不起任何作用,与设置的数字无关
- 将
增加到一个异常高的数字会有所帮助,但无法修复它pixelDensity
- 视频本身是非常高清晰度的
- 我曾尝试将
用作FXAA
,但这似乎也没有任何作用shaderPass
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 )
尝试更改纹理的颜色。如果您使用的是
NearestFilter
,它将非常像素化,但您可以使用LinearFilter
在纹理之间进行平滑插值:
const纹理=新的视频纹理(视频);
texture.encoding=sRGBEncoding;
texture.magFilter=THREE.LinearFilter;