Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ThreeJs视频纹理抗锯齿/分辨率_Javascript_Three.js_React Three Fiber - Fatal编程技术网

Javascript ThreeJs视频纹理抗锯齿/分辨率

Javascript ThreeJs视频纹理抗锯齿/分辨率,javascript,three.js,react-three-fiber,Javascript,Three.js,React Three Fiber,所以我有一个3J的VideoTexture,它的渲染非常像素化 渲染器的实际pixelDensity非常丰富,场景的其余部分渲染得相当清晰-我已经到处搜索了一些关于在这里做什么的信息,但我找不到任何东西 Aniostropy设置不起任何作用,与设置的数字无关 将pixelDensity增加到一个异常高的数字会有所帮助,但无法修复它 视频本身是非常高清晰度的 我曾尝试将FXAA用作shaderPass,但这似乎也没有任何作用 有人知道如何获得清晰的视频纹理吗?当然有可能得到比下面更好的东西。我

所以我有一个3J的
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;