cocos creator从零开发简单框架(03)-框架初始化

关注

原创最新推荐文章于 2026-08-11 17:10:55 发布 312 阅读 AI 写同款· GEO 优化 ›

【包教包会】CocosCreator3.x框架——资源管理（秒Loading、大厅子游戏、同步加载、极简对象池、多语言） CocosCreator3.x商用框架——资源管理模块阅读详情

新建framework/scripts/App.ts，用于初始化框架，内容如下。因为Cocos Creator 2.x版本不能直接在编辑器运行，导致不能实时看到运行中的对象节点信息，所以这里写了个showNode函数用来打印Canvas节点信息。

import LayerMgr from "./view/LayerMgr"


export default class App {
    // 初始化
    public static init() {
        this.initFramework()

        this.showNode(cc.Canvas.instance.node)
    }


    // 递归显示节点信息
    public static showNode(node: cc.Node, sep: string = '', depth: number = 0, depthMax: number = 4) {
        console.log(sep + node.name + ':' + node.zIndex + ':' + node.active)
        if (node.childrenCount <= 0) return

        depth++
        if (depth >= depthMax) return

        node.children.forEach(child => this.showNode(child, sep + '\t', depth, depthMax))
    }


    // 初始化框架
    private static initFramework() {
        LayerMgr.init()
    }
}

新建scripts/Main.ts，用于启动程序，内容如下。

import App from "../framework/scripts/App"

const { ccclass } = cc._decorator


@ccclass
export default class Main extends cc.Component {
    protected onLoad(): void {
        App.init()
    }
}