吾知网

标题: Egret4.1.0的高清文本显示效果设置 [打印本页]

作者: jekeyhui99 时间: 2018-3-24 14:46
标题: Egret4.1.0的高清文本显示效果设置

用过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参数）

可以明显看到左边的文字有点糊，右边就非常清晰了。下面是直接拍手机看的效果图

欢迎光临吾知网 (http://5g99.com/bbs/)