1. 首页
  2. three.js

three.js在画布上绘制纹理将导致WebGL产生锯齿

我通过WebGL在画布上绘制纹理。纹理的原始大小为1024×1000,在画布上绘制的纹理大小为:256×250。边缘周围有锯齿:n我建议您提高画布的分辨率,以减轻锯齿效果。此外,请确保您的纹理为1024×1024,这样three.js就不必调整纹理大小。n在任何情况下,提供带有代码的实时示例6将使社区更容易提供足够的反馈。nweb.zip2(72.0 KB)n这是我的代码,我想要的是将画布放入div中,所以我不能随意改变画布的大小。n有两件事:n- 你的代码根本没有使用three.js。这是有意的吗?n- 使用mipmapping和相应的纹理过滤时,纹理将更加清晰。n以下是three.js演示:https://jsfiddle.net/6sxu9m5d/14n非常感谢!我正在尝试在2D纹理中变形,看起来是这样的THREE.JS没有关于这方面的API,所以我直接尝试了webGL。trymoremore:n我正在尝试变形2D纹理,n这是什么意思?你能解释一下吗?n Drawing texture on canvas will cause the Sawtooth by WebGLn

three.js在画布上绘制纹理将导致WebGL产生锯齿 为WP2原创文章,链接:https://www.wp2.cn/three-js/three-js%e5%9c%a8%e7%94%bb%e5%b8%83%e4%b8%8a%e7%bb%98%e5%88%b6%e7%ba%b9%e7%90%86%e5%b0%86%e5%af%bc%e8%87%b4webgl%e4%ba%a7%e7%94%9f%e9%94%af%e9%bd%bf/