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

原创 2017年05月24日 12:44:32

用过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://blog.csdn.net/sujun10 作者:弃天笑

egret添加字体样式

egret中,除了默认的字体样式以外,我们还可以使用位图字体。但是位图文字一般用于固定文字,对于动态可编辑的文字不再适用,这时候我们需要引入外部字体。 首先在样式表中添加外部字体: @font-f...
  • J_Giving
  • J_Giving
  • 2017年01月04日 16:44
  • 1961

Egret)截取某一范围作为图片

var renderTexture: egret.RenderTexture = new egret.RenderTexture(); renderTexture.drawToTexture(this...
  • taotao3686
  • taotao3686
  • 2016年01月06日 15:58
  • 2675

Egret踩坑(一)

Android,发布好的apk,在虚拟机上正确运行 在真机上崩溃,环境: egret Engine: 4.0.3 Support: 4.0.0崩在一个莫名其妙的地方: 后来才知道,尽量保证su...
  • Niteip
  • Niteip
  • 2017年07月24日 09:52
  • 392

egret[12.23]

1.时间戳:是一种时间表示方式,定义为从格林威治时间1970年01月01日08时00分00秒起至现在的总秒数var time = new Date().getTime();​帧事件里面取每两帧的de...
  • Miss_Luyou
  • Miss_Luyou
  • 2016年12月26日 10:37
  • 296

[Egret学习笔记 七]使用skewX skewY实现图片翻转效果

如上图,图片通过 调用skewX skewY 实现图片翻转效果。 上图中显示的区域,使用了 Wing  UI布局,关于Wing UI布局使用说明请看egret官网教程   http://bbs.e...
  • rcjjian
  • rcjjian
  • 2015年04月28日 16:08
  • 4223

Egret教程(三、显示对象)

1、概念:核心显示类
  • laixiao_hero
  • laixiao_hero
  • 2016年06月12日 16:19
  • 3058

[Egret学习笔记 八]TypeScript与JavaScript通讯

在看《Egret与第三方库》教程中,不少小伙伴们对该教程还有很多不太清晰的地方,以一个简单的例子,给大家参考下。 教程实际就是 , ts与js之间通讯 第一步: 在src目录下,建立一个...
  • rcjjian
  • rcjjian
  • 2015年05月19日 09:05
  • 3454

[Egret学习笔记 五]GUI Scroller的使用

直接上代码: 1.“bgImage” 配置在resource.json egret的背景图 { "name":"bgImage", "type":"image", "url":"...
  • rcjjian
  • rcjjian
  • 2015年04月10日 11:51
  • 1910

像素风图案缩放后变模糊(被消除锯齿)的解决办法

Test Page img { image-rendering: optimizeSpeed; image-...
  • yyf1990cs
  • yyf1990cs
  • 2016年04月13日 18:38
  • 2084

Egret教程(二、HelloWorld)

一、index.html 在 index.html 文件里可以完成很多配置。打开文件,在第15行可以看到(这里可以设置舞台的背景颜色): background: #888888; 完整的主页代码...
  • laixiao_hero
  • laixiao_hero
  • 2016年06月11日 18:29
  • 4385
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Egret4.1.0的高清文本显示效果设置
举报原因:
原因补充:

(最多只允许输入30个字)