【问题标题】:Low resolution image blurred out in three.js低分辨率图像在three.js中模糊
【发布时间】:2021-02-23 07:23:02
【问题描述】:

我正在使用three.js 来更熟悉它,但是当我将低分辨率图像(准确地说是16x16 像素)作为立方体纹理上传时,它们往往会变得模糊并且看起来非常模糊。我试过查看其他帖子,但找不到真正有效的解决方案来消除它们的模糊性。这是正在发生的事情的一个例子:

demo

what it should look like

【问题讨论】:

    标签: javascript three.js webgl


    【解决方案1】:

    您应该发布一些代码,否则很难为您的问题提供准确的解决方案。

    话虽如此,我很确定问题出在纹理过滤上。请参阅Three.js texture filtering docs。对于您的用例,我认为您想要将 Texture.magFilter 和 Texture.minFilter 设置为 THREE.NearestFilter。这应该会给你想要的像素化外观。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-08-23
      • 2014-11-20
      • 1970-01-01
      • 2011-04-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多