纹理图片贴图模糊的问题

最近在使用百度的瓦片图贴图的时候,出现了纹理贴图模糊、不够清晰的问题,请求的瓦片图片资源相同,但是图片作为纹理贴到three.js场景中渲染质量不高。包括stack社区里也有几个类似的提问。
大概有以下几个解决方案,以后碰到类似问题可以尝试下:
1.使three.js场景渲染的canvas分辨率和尺寸保持一致。

    canvas.width = w;
    canvas.height = h;
    canvas.style.width = w;
    canvas.style.height = h;

2.设置作为纹理贴图texture的属性

      texture.magFilter = THREE.NearestFilter
      texture.minFilter = THREE.NearestFilter

       //或者尝试修改texture的anisotropy属性:
    var maxAnisotropy = renderer.getMaxAnisotropy();
    texture1.anisotropy = maxAnisotropy;

3.设置渲染器renderer的属性

 precision:"highp"
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容