Laya1.8.4接入FariyGui,以及其中踩的坑

发布时间:2024年01月07日

1.首先将GitHub上的Layabox的fgui的sdk下载下来 Github地址:

https://github.com/fairygui/FairyGUI-layabox/tree/master

注意如果下载的是压缩包,需要将分支切换为1.x,再下载,如下图所示:

e579ecaff44145dcaf7f25cd7f041fbb.png

如果是gitclone的需要将分支切换为1.x的工程,将clone下来的工程切换到1.x分支,如下图所示:

2fe3d344b0fe47ecbfa41f64909af3ba.png

然后将bin文件夹中的fgui的js文件放到你自己的工程的bin/libs/fgui文件夹中,将fgui的ts文件放到与bin同级的libs文件中,fgui的fgui.min.js文件放到bin/libs/min文件夹中

cb585f2e30824318a38dc625c6d660cd.png

b3d83a373b3d4a5499d7ef07167f2658.pngc25a0f15d94748f59c48cc825e81a416.png

69f0c5599b024e639d28d33dc0c80bbc.png

将下载下来1.x工程中的libs/rawinflate文件夹复制到自己工程中的bin/libs文件夹中

9066bb7a6c264591b8dd24fff79d20df.png

a1d727e0ab504a9b884323bc50e8f37a.png

然后就是在index.html中将fgui库文件加载

8a1ec24ee7d246e9ac91f68829b9257e.png

到此fgui的Sdk导入完成!

接下来来看几个在导入过程中遇到的错误:

1.Offset is outside the bounds of the DataView

这是在加载fgui文件时没有把fgui的文件类型加进去

报错代码如下:

19096a898de84805a697b8fa96843f8a.png

改正后如下:

d49e9469af454fbc991c9ad59301fa49.png

2.Cannot read properties of undefined (reading 'width'),报错是这个

9a4cab4e465b430a99640253a58bab78.png

其实原因是图集加载不到

2e9dec754922414ca50cd88d00b59437.png返回的是undefine,原因就是图集没有提前预加载:

4b56b190735c486eb22fd93da4fc6b11.png

解决如下:

a48193437b8b49d5b33841ca400ef0af.png

3.(intermediate value).set_width is not a function或者是maskparent报错的都是sdk的版本不匹配

解决:换成对应版本的fgui的库

参考链接:

Laya以后遇到的坑,都写在这里 总结用吧_layui 选择文件 报错 offset is outside the bounds of the -CSDN博客

Laya FairyGui系列一 FairyGui接入 - 简书 (jianshu.com)

加载二进制报错 - layabox问答社区-HTML5引擎社区-LayaAir开发者社区?

加载组件时后报错 Cannot read property 'maskParent' of undefined - FairyGUI 问答社区

文章来源:https://blog.csdn.net/weixin_50702814/article/details/135442863
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。