Asroads'Blog 君子不器
Layabox 学习笔记(3)
发布于: 2018-08-09 更新于: 2024-03-02 分类于: game 阅读次数: 

问题描述:Layabox中位图字体(BitmapFont)关于微信小游戏无法正常显示

  • 在LayaAir和Webstorm下面都能正常显示 在Web下也可以正常显示,到了微信模拟器就消失,这个办法在微信上,最后测试发现审核不通过,而我本地的机器都是好的,很奇怪,有知道原因的还希望告知我,我自己后面用了新的办法解决了,请看的我新的文章“LayaBox 位图字体 解决微信小游戏不支持xml格式”成功的解决了这个问题。

原因分析

  • 在微信里面 解析fnt有问题,需要有xml 解析器

解决方案

  1. 下载xml解析库,引入方式:
1
window.Parser = require("./js/dom_parser");

和此库相同的还有 xmldom库https://github.com/jindw/xmldom

  1. 需要在相应的文件目录下面放置

image-20180915193623298


image-20180915193734636


需要配合的有

  • 微信小游戏fnt 最后要远程加载
  • laya官网介绍的位图字体格式 要转成 utf-8 格式(反正我这边转了之后才能用,大家看自己的环境而定)
  • 因为引入了新的库导致了新的bug
  • 微信模拟器下报错“gameThirdScriptError”错误,找到最后原因竟然是“Laya.MiniAdpter.init(true, false);”

这个方法的第一个参数为true导致。但是我又必须开放这个,如何?所以这个就是要远程加载字体的原因。

位图字体制作原生发布代码库

位图字体生产工具

注意:在使用 BMFont (Windows)工具的时候,一开始导入你的TXT 如果你文本里面有汉字,请一定要设置

![$}6TV43{GK`05NZF7AXVIOF](Layabox-学习笔记-3/001.png)

请一定修改这个地方(有些字体字库里面没有汉字 所以 你每次读取你的txt 都是失败的)

002

比如我修改成微软雅黑

另外输出格式 和尺寸 以及文件类型都有修改

003

如果要选择自己的 图片 和读取文本 就是下面的图片

004

--- 本文结束 The End ---