网站建设的主要步骤,建筑设计参考网站,dede 网站地图模板,价格优化网站建设前言
上一篇文章 FariyGUI Cocos Creator 入门 简单介绍了FairyGUI#xff0c;并且按照官方demo成功在Cocos Creator2.4.0上运行起来了。 当我今天使用Creator 3.x 再引入2.x的Lib时#xff0c;发现出现了报错。 这篇文章将介绍如何在Creator 3.x上使用fgui。
引入
首先并且按照官方demo成功在Cocos Creator2.4.0上运行起来了。 当我今天使用Creator 3.x 再引入2.x的Lib时发现出现了报错。 这篇文章将介绍如何在Creator 3.x上使用fgui。
引入
首先我们是可以找到demo的就是藏得有点深 https://github.com/fairygui/FairyGUI-cocoscreator/tree/ccc3.0 找到这个分支下下来就有一个Creator 3.0.1的demo 看一下引用方式发现有node_modules文件夹再看下package.json devDependencies: {fairygui-cc: latest}用npm引用没跑了。 我们用npm i引入一下即可这里给出一个脚本案例
import * as fgui from fairygui-cc;
import * as cc from cc;const { ccclass, property } cc._decorator;ccclass
export default class Main extends cc.Component {private _view: fgui.GComponent;onLoad() {fgui.GRoot.create();fgui.UIPackage.loadPackage(UI/MainPkg, this.onUILoaded.bind(this));}onUILoaded() {fgui.UIPackage.addPackage(UI/MainPkg);this._view fgui.UIPackage.createObject(MainPkg, Main).asCom;fgui.GRoot.inst.addChild(this._view);}onDestroy() {this._view.dispose();}}需要关注的是这两行引入一下就可以直接用了。
import * as fgui from fairygui-cc;
import * as cc from cc;运行一下 成功
3.7.3上报错以及解决
通过npm i引入到 Cocos Creator 3.7.3之后会出现这样一个报错上图是我已经解决的情况。 运行起来也会有但是目前不影响运行。 这个还是比较好解决的只需要找到库里面对应的js文件改一下即可 找到这两个文件把RenderComponent全部替换为UIRenderer每个文件里2处共4处。 替换完后发现报错没消失经常玩前端的朋友都知道这个时候我们把import语句注释掉刷新再解除注释再刷新即可重新引用。
结语
初探门径希望有大佬能与我交流感谢
