Cocos Creator 抗锯齿

发表于 | 更新于: 2020-09-04 | 分类于
字数统计: 444 | 阅读时长 ≈ 1 | 评论: | 阅读:

cocos creator 3.0版本后支持3D模型了，但是，3D模型默认是关闭抗锯齿的。
这个可以通过ENABLE_WEBGL_ANTIALIAS来开启webgl的抗锯齿

/** !#en
Boolean that indicates if the WebGL context is created with `antialias` option turned on, default value is false.
Set it to true could make your game graphics slightly smoother, like texture hard edges when rotated.
Whether to use this really depend on your game design and targeted platform,
device with retina display usually have good detail on graphics with or without this option,
you probably don't want antialias if your game style is pixel art based.
Also, it could have great performance impact with some browser / device using software MSAA.
You can set it to true before `cc.game.run`.
Web only.
!#zh
用于设置在创建 WebGL Context 时是否开启抗锯齿选项，默认值是 false。
将这个选项设置为 true 会让你的游戏画面稍稍平滑一些，比如旋转硬边贴图时的锯齿。是否开启这个选项很大程度上取决于你的游戏和面向的平台。
在大多数拥有 retina 级别屏幕的设备上用户往往无法区分这个选项带来的变化；如果你的游戏选择像素艺术风格，你也多半不会想开启这个选项。
同时，在少部分使用软件级别抗锯齿算法的设备或浏览器上，这个选项会对性能产生比较大的影响。
你可以在 `cc.game.run` 之前设置这个值，否则它不会生效。
仅支持 Web */
static ENABLE_WEBGL_ANTIALIAS: boolean;

方法一

新建一个antiAlias.js插件文件

cc.macro.ENABLE_WEBGL_ANTIALIAS = true;

然后,把这个文件设置为插件脚本

方法二

在编译后的main.js文件中,找到cc.game.run,在之前插入cc.macro.ENABLE_WEBGL_ANTIALIAS = true;

function cb (err) {
    if (err) return console.error(err.message, err.stack);
    count++;
    if (count === bundleRoot.length + 1) {
        cc.macro.ENABLE_WEBGL_ANTIALIAS = true;
        cc.game.run(option, onStart);
    }
}
0%