cocos creater和FairyGui创建项目

桃夭夭.

已于 2024-09-12 20:06:03 修改

阅读量302

点赞数 5

分类专栏：游戏客户端文章标签： cocos2d 学习 typescript 游戏程序

于 2024-09-12 20:03:49 首次发布

本文链接：https://blog.csdn.net/weixin_46596863/article/details/142184475

版权

游戏客户端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.fairyGUI创建新项目
2.cocos创建新项目
在这里插入图片描述
3.目录结构
·
4.装载器放入图片

5.项目设置

6.关联容器设置

7. 测试

8. 设置发布路径，然后点击发布

9.新建文件夹
1. 文件夹

2. 代码部分

```TypeScript
import { _decorator, Component, Node } from 'cc';
import { GComponent, GRoot, RelationType, UIPackage} from 'fairygui-cc';

const { ccclass, property } = _decorator;

@ccclass('Main')
export class Main extends Component {
    private _view: GComponent
    start() {
        console.log("Main.start");
        GRoot.create();
        UIPackage.loadPackage("ui/Main", this.onUILoaded.bind(this));
    }

    update(deltaTime: number) {
        
    }

    onUILoaded() {
        UIPackage.addPackage("ui/Main");
        this._view = UIPackage.createObject("Main", "Main").asCom;
        this._view.makeFullScreen();
        this._view.addRelation(GRoot.inst, RelationType.Size)
         GRoot.inst.addChild(this._view);
    }
}

8.包里引入fairyGUI
在这里插入图片描述

9.设置项目的宽高

10.新建节点测试
1. 新建

2. 对应的脚本拖进去

完成啦！