图片缩放锯齿太严重，怎么抗锯齿？

Creator 3.x
#1

  • Creator 版本： 3.5.1

  • 目标平台： chorme

  • 重现方式：

  • 首个报错：

  • 之前哪个版本是正常的：

  • 手机型号：

  • 手机浏览器：

  • 编辑器操作系统：

  • 重现概率： 100%

远程加载一张图片，图片的大小很大，我经过缩放后，显示在页面上，但是得到的效果图片锯齿化太严重，根本没法看。
项目设置了cc.macro.ENABLE_WEBGL_ANTIALIAS=true， 在加载图片是对texture2D设置了：texture.setFilters(Texture2D.Filter.LINEAR, Texture2D.Filter.LINEAR);
texture.setWrapMode(Texture2D.WrapMode.CLAMP_TO_EDGE, Texture2D.WrapMode.CLAMP_TO_EDGE);但是没看到效果。我把图片直接放到项目然后缩放看效果，也不行，锯齿化好不了多少。网上的抗锯齿化的解答也看了试了，但是要不是api没找到。就是不顶用。请问在3.0版本后图片的抗锯齿怎么做？
缩放值：
1662107838308
原图：

1662107726598
1662107726598180×542 38.8 KB

远程加载图：
1662107803822

#2

卡個回復，遇到同樣問題

#3

目标平台是h5？

#4

给个思路，如果是浏览器平台，可以先用别的库压缩图片，（比如这样：Uniapp: H5 压缩图片 - Ajanuw - 博客园 ），再把压缩后的图转成base64再赋值给cocos的texture使用。

#5

或者可以使用cocos的相机截图，加载图片后不要一次缩小那么多，可以一次缩小一点，然后用相机截图，再用截图缩放渲染，多试几次

#6

是的H5平台，那请问有什么压缩图片的库能导入Cocos吗？我不太知道。相机截图这个还没试过。我试试看，感觉有点麻烦

#7

我刚才发的那个链接你可以直接写在Cocos里啊，就是多行代码，话说为啥不直接ps修改图片的大小再远程加载呢，这样不是可以省很多流量吗

#8

其他的工程要用，游戏只是其中一个模块

#9

谢谢，我试试看

#10

我觉得你可以单独弄一份游戏专用的资源，如果可以的话

#11

开启mipmap试试？

#12

首选mipmap，不过得考虑兼容问题

#13

这个在3.0里怎么开，2.0我看到有一个enablemipmap之类的函数，但是3.0里没找到

#14

我使用toBlob测试，出现图片跨域的问题，这个我是不是还得把图片保存到本地，然后再进行toblob
我看使用的crossOrigin:‘anonymous’，但是cocos不知道在哪里设置？

#15

本地环境测试就放本地吧

#16

唉，只能这样了。烦死了，这个锯齿

#17

其实也可以写个shader解决抗锯齿

#18 
const tex = new Texture2D();
tex.setMipFilter(Texture2D.Filter.NEAREST);
#19

写过，没有效果

#20

也想过最好的办法就是写个shader，但是不会，哎