fairygui的界面导入到laya中

总而言之,言而总之,在fairygui中导出界面,在laya引擎中导入界面,完美。


一、在fairygui中创建一个laya类型的项目。

在这里插入图片描述

二、随便创建一些元件,这里需要留意一下包名和组件名,之后代码会引用到。

在这里插入图片描述

三、发布fairygui,发布的路径选择在laya的项目里,如果没有laya空项目可以先去创建。

我项目的名称是nullProject,发布的路径随便选择的,你存放的路径可以不一样,能在laya项目中引用到就好

发布设置需要设置**【全局设置】**下的3个地方:
  1. 打包的发布路径
  2. 勾选允许发布代码
  3. 发布代码的发布路径

在这里插入图片描述
在这里插入图片描述

四、导入fairygui的代码库到laya中。把farygui.js和rawinflate.js导入到nullProject(项目文件夹)>bin>libs。

可以先看一下参考资料:
参考资料1
laya官方教程

图一在这里插入图片描述
图二在这里插入图片描述

五、laya项目的index.js引用fairygui库文件

在这里插入图片描述

六、Main.js加载资源,加载的时候注意路径,包的名称和组件的名称。

在这里插入图片描述

总结

以上就是今天要讲的内容,本文仅仅简单介绍了如何在laya中用fairygui,如有错误,请指出!

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐