Egret4.1.0的高清文本显示效果设置

Egret4.1.0版本更新解决了文本显示模糊的问题,新增retina参数支持视网膜屏幕,使得字体在高分辨率设备上更清晰。更新后,文字显示效果明显改善。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

用过Egret4.0.3的人都知道,文本显示有点模糊的问题。在论坛上查了资料,回答是4.1.0会进行修复。所以官方一升级引擎,就赶紧对项目进行升级了。

先看看官方的升级信息吧:Egret4.1.0

Egret Engine 4.1.0 2017-05-23

更新日志

命令行工具
【新增】引擎提供模块化更新机制,开发者无需担心引擎升级导致其他问题而不升级引擎版本。
【新增】引入新的第三方库构建机制,对库项目进行标准化。

白鹭引擎 2D 渲染
【优化】优化渲染结构,允许开发者通过设置参数,使字体渲染在高分辨率屏幕上更为清晰锐利。
【新增】WebGL 模式支持 smoothing 属性。
【修复】修复 TypeScript 编译器编译结果不正确问题。
【修复】修复滤镜显示效果不正确问题。
【修复】修复 URLLoader 在 native 环境下报错问题。

资源管理框架
【新增】内置基于文件内容变化的差量更新机制,显著降低游戏在更新版本导致的流量开销,进而降低玩家用户的流量消耗。
【修复】修复若干资源管理框架运行时的 BUG。

根据官方的信息,说需要设置相关设置,估计是刚开始的时候进行设置,所以赶紧看了相关的.d.ts文件。
直接看egret.runEgret方法,看变动了那些参数。

4.0.3版本的

 /**
  * egret工程入口函数
  * @param options 一个可选对象,包含初始化Egret引擎需要的参数。
  * @language zh_CN
  */
 function runEgret(options?: {
     renderMode?: string;
     audioType?: number;
     screenAdapter?: sys.IScreenAdapter;
 }): void;

4.1.0版本的

/**
 * {
 * "renderMode":, //引擎渲染模式,"canvas" 或者 "webgl"
 * "audioType": 0 //使用的音频类型,0:默认,1:qq audio,2:web audio,3:audio
 * "antialias": //WebGL模式下是否开启抗锯齿,true:开启,false:关闭,默认为false
 * "retina": //是否基于devicePixelRatio缩放画布
 * }
 **/
egret.runEgret({renderMode:"webgl", audioType:0,retina:true});
function runEgret(options?: {
        renderMode?: string;
        audioType?: number;
        screenAdapter?: sys.IScreenAdapter;
        antialias?: boolean;
        retina?: boolean;
    }): void;

可以看到参数有变化了,重点是最后一个参数retina,视网膜。看名字就知道是针对手机的视网膜显示屏了。
默认是可选参数,那么就是false,立马设置为true
在index.html中的JavaScript代码

egret.runEgret({ renderMode: "webgl", audioType: 0,screenAdapter:null,antialias:false,retina:true});

接下来可以看看不同版本的文字表现效果图(坐标是4.0.3,右边是4.1.0,设置了retina参数)
这里写图片描述
可以明显看到左边的文字有点糊,右边就非常清晰了。下面是直接拍手机看的效果图
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值