Laya 位图字体制作(失败...)

本文详细记录了从下载字体、使用BitmapFontGenerator工具生成fnt和png文件到在Laya中尝试加载和使用这些文件的过程。尽管尝试了多种方法,包括直接在代码中加载和通过IDE资源管理加载,但最终未能成功。文章还提出了对于非TTF字体如何在Laya中使用的疑问。

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

参考:

官网教程-位图字体的制作与使用

 

一、下载字体并安装字体

站长字体下载了液晶数字字体,将TTF文件拖入C盘windows/Font文件夹,则字体会自动安装

 

二、下载字体制作工具

Bitmap Font Generator

 

三、使用字体制作工具导出fnt和png字体文件

这部分看Laya官网教程,链接在本文开头处。

 

导出后获得fnt和png文件,工具默认导出png是lcd_0.png

做两处修改:

1. lcd_0.png重命名成lcd.png。

2. lcd.fnt文件里的lcd_0.png也需要改成lcd.png。

 

四、Laya中使用fnt和png字体文件

1. 在代码中使用

按照laya教程,进行加载字体

 

报错,加载失败

 

 

2.在IDE中使用

说是放在资源文件夹下会自动注册,然而...

 

 创建一个label,属性font没出现位图字体lcd选项

 

 五、失败

经过一番调试,还是没能加载lcd.fnt。。。

 

六、思考

1. 如果不是使用TTF字体,而是美术制作的图片字体,那么laya里该如何使用?

 

转载于:https://www.cnblogs.com/gamedaybyday/p/9438585.html

### Laya.events.Event 枚举的定义和用法 Laya.events.Event 是 LayaAir 引擎中用于事件处理的一个核心枚举类。它主要用于定义常见的事件类型,这些事件类型可以在对象之间进行通信和交互。以下是关于 Laya.events.Event 枚举的详细信息和用法。 #### 1. 常见的事件类型 Laya.events.Event 枚举定义了一系列标准事件类型,以下是一些常用的事件名称及其含义: - **Event.MOUSE_DOWN**[^3]:鼠标按下事件。 - **Event.MOUSE_UP**[^3]:鼠标释放事件。 - **Event.CLICK**[^3]:鼠标点击事件(通常由 MOUSE_DOWN 和 MOUSE_UP 触发)。 - **Event.RIGHT_CLICK**[^3]:鼠标右键点击事件。 - **Event.MOUSE_OVER**[^3]:鼠标移入事件。 - **Event.MOUSE_OUT**[^3]:鼠标移出事件。 - **Event.CHANGE**[^3]:当对象的状态发生改变时触发的事件,例如下拉框选择值发生变化。 - **Event.ADD**[^3]:当对象被添加到显示列表时触发。 - **Event.REMOVE**[^3]:当对象从显示列表中移除时触发。 - **Event.COMPLETE**[^3]:某个操作完成时触发的事件,例如加载资源完成。 #### 2. 使用方法 在 LayaAir 中,可以通过 `on` 或 `once` 方法为对象绑定事件监听器,通过 `off` 方法解除绑定。以下是具体的使用示例: ```javascript // 创建一个 Sprite 对象 var sprite = new laya.display.Sprite(); // 绑定鼠标点击事件 sprite.on(laya.events.Event.CLICK, this, function () { console.log("Sprite 被点击了!"); }); // 模拟触发事件 sprite.event(laya.events.Event.CLICK); // 解除绑定 sprite.off(laya.events.Event.CLICK, this, null); ``` #### 3. 自定义事件 除了内置的事件类型外,还可以通过 `dispatchEvent` 方法自定义事件并触发它们。例如: ```javascript // 定义自定义事件类型 var CUSTOM_EVENT = "customEvent"; // 绑定自定义事件监听器 sprite.on(CUSTOM_EVENT, this, function (data) { console.log("自定义事件被触发,数据为:", data); }); // 触发自定义事件 sprite.dispatchEvent(new laya.events.Event(CUSTOM_EVENT, { data: "测试数据" })); ``` #### 4. 注意事项 - 在绑定事件时,确保事件类型字符串与枚举中的定义一致,否则可能无法正确触发事件。 - 如果需要传递额外的数据,可以通过 `dispatchEvent` 方法的参数实现。 - 当再需要事件监听器时,及时调用 `off` 方法解除绑定,以避免内存泄漏。 #### 5. 示例代码 以下是一个完整的示例,展示如何使用 Laya.events.Event 枚举处理鼠标事件: ```javascript // 创建一个矩形 var rect = new laya.display.Sprite(); rect.graphics.drawRect(0, 0, 100, 100, "#FF0000"); rect.pos(100, 100); // 添加到舞台 laya.stage.addChild(rect); // 绑定鼠标事件 rect.on(laya.events.Event.MOUSE_DOWN, this, function () { console.log("鼠标按下"); }); rect.on(laya.events.Event.MOUSE_UP, this, function () { console.log("鼠标释放"); }); rect.on(laya.events.Event.CLICK, this, function () { console.log("点击矩形"); }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值