低分辨率图像模糊在three.js

Question

我正在玩three.js来熟悉它，但是当我上传低分辨率图像(确切地说是16x16px)作为立方体纹理时，它们往往会模糊，看起来真的很模糊。我试着看了其他的帖子，找不到一个真正有效的解决方案来消除模糊。下面是一个示例:

演示应该是什么样子

Answer 1

你应该发布一些代码，否则很难给你一个确切的修复你的问题。

话虽这么说，我很确定问题是与纹理过滤。参见Three.js纹理过滤文档。对于你的用例，我认为你想要的是设置纹理。magFilter和Texture。minFilter到THREE.NearestFilter。这会给你你想要的像素化效果。