【发布时间】:2021-02-23 07:23:02
【问题描述】:
我正在使用three.js 来更熟悉它,但是当我将低分辨率图像(准确地说是16x16 像素)作为立方体纹理上传时,它们往往会变得模糊并且看起来非常模糊。我试过查看其他帖子,但找不到真正有效的解决方案来消除它们的模糊性。这是正在发生的事情的一个例子:
【问题讨论】:
标签: javascript three.js webgl
我正在使用three.js 来更熟悉它,但是当我将低分辨率图像(准确地说是16x16 像素)作为立方体纹理上传时,它们往往会变得模糊并且看起来非常模糊。我试过查看其他帖子,但找不到真正有效的解决方案来消除它们的模糊性。这是正在发生的事情的一个例子:
【问题讨论】:
标签: javascript three.js webgl
您应该发布一些代码,否则很难为您的问题提供准确的解决方案。
话虽如此,我很确定问题出在纹理过滤上。请参阅Three.js texture filtering docs。对于您的用例,我认为您想要将 Texture.magFilter 和 Texture.minFilter 设置为 THREE.NearestFilter。这应该会给你想要的像素化外观。
【讨论】: