如何在CocosCreator中利用常驻节点做图层管理

CocosCreator版本：2.3.4

一般游戏都有图层管理，比如

  • sceneLayer 场景层
  • panelLayer 弹框层
  • tipLayer   提示框层

cocos里的场景不是持久化的，每次切换都会自动destroy，如果在场景上放这些图层，那么每个scene都要放一遍？然后再获取，这样很麻烦。

加载场景使用的是cc.director.loadScene，scene的容器node貌似是director上的一个nodeActivator

现在如果不考虑scene的容器或者cocos的顶层容器。我想一想两种图层管理的方法。

一、只有一个scene

整个游戏一个scene，就是游戏入口的scene，在这个scene上放sceneLayer等图层的node，这个入口scene相当于egret和laya的stage。

然后所有场景scene和弹框模块，都做成预制件prefab，每次显示都addChild到入口scene的相应图层上就行了。

 二、使用常驻节点

比如我在场景1，放置sceneLayer等图层。为了方便显示，我每个图层加了个单色。

常驻节点必须在根节点下，也就是和canvas同级。把3个图层设置为常驻节点。

onLoad(){
    cc.game.addPersistRootNode(cc.find("sceneLayer"));
    cc.game.addPersistRootNode(cc.find("panelLayer"));
    cc.game.addPersistRootNode(cc.find("tipLayer"));
}

然后切换场景，在新场景中，仍然可以显示并获取到sceneLayer等图层。

onLoad(){
    console.log(cc.find("sceneLayer"));  //输出sceneLayer的cc.Node
}

利用常驻节点，我们可以在入口场景中放置sceneLayer等图层。用图层管理类保存引用。

三、最佳实践

图层管理类，单例

export default class LayerManager extends cc.Component {

    private static instance:LayerManager;
    public static ins():LayerManager{
        if(this.instance == null){
            this.instance = new LayerManager();
        }
        return this.instance;
    }

    public panelLayer:cc.Node;
    public tipLayer:cc.Node;

}

在入口场景中设置常驻节点layer， 用图层管理类保存引用。以备之后使用。

@ccclass
export default class Helloworld extends cc.Component {

    onLoad(){
        cc.game.addPersistRootNode(cc.find("sceneLayer"));
        cc.game.addPersistRootNode(cc.find("panelLayer"));
        cc.game.addPersistRootNode(cc.find("tipLayer"));

        LayerManager.ins().panelLayer = cc.find("panelLayer");
        LayerManager.ins().tipLayer = cc.find("tipLayer");
    }
}

以上就是如何在CocosCreator中利用常驻节点做图层管理的详细内容，更多关于CocosCreator常驻节点做图层管理的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • CocosCreator入门教程之网络通信

    网络通信概况 开发一个网络游戏,难免要处理网络通信.有几点问题需要注意: 1.服务端为了快速开发可能前期使用http通信,后面再改成websocket/socket. 2.同时存在http和websocket/socket通信 3.通信数据格式可能需要随时替换为json或protocol buffer,可能需要添加额外头部. 4.在新手引导里使用本地数据做模拟,请求不需要发送给后端. 5.重连后数据简单同步 具体实施 针对第一.二个问题,我在设计通信模块时会考虑将通信尽量抽象为统一的对外接口,在

  • 详解CocosCreator游戏之鱼群算法

    详解CocosCreator游戏之鱼群算法

    前言 最近想学一下CocosCreator,于是,编辑器下载,启动. 众所周知,边写边学才是最快的学习方法,得写个Demo练练手,那么写什么呢?听说现在<墨虾探蝌>挺火的,那就抄(学习的事怎么能叫抄呢?)写一个类似的小游戏吧! (在<墨虾探蝌>中,鱼的位置固定,到达一定数量后玩家会升级,不会出现一大群鱼的情况,本项目其实和它不同,没有升级进化,是会有一大群鱼的,每条鱼也不是固定位置,而是有自己的运动逻辑,其实和另一个游戏更像,不过我不知道叫什么...) 效果展示: 正文 首先整一个

  • 详解CocosCreator系统事件是怎么产生及触发的

    详解CocosCreator系统事件是怎么产生及触发的

    环境 Cocos Creator 2.4 Chrome 88 概要 模块作用 事件监听机制应该是所有游戏都必不可少的内容.不管是按钮的点击还是物体的拖动,都少不了事件的监听与分发. 主要的功能还是通过节点的on/once函数,对系统事件(如触摸.点击)进行监听,随后触发对应的游戏逻辑.同时,也支持用户发射/监听自定义的事件,这方面可以看一下官方文档监听和发射事件. 涉及文件 其中,CCGame和CCInputManager都有涉及注册事件,但他们负责的是不同的部分. 源码解析 事件是怎么(从浏览

  • 详解CocosCreator优化之DrawCall

    前言 在游戏开发中,DrawCall 作为一个非常重要的性能指标,直接影响游戏的整体性能表现. 无论是 Cocos Creator.Unity.Unreal 还是其他游戏引擎,只要说到游戏性能优化,DrawCall 都是绝对少不了的一项. 本文将会介绍什么是 DrawCall,为什么要减少 DrawCall 以及在 Cocos Creator 项目中如何减少 DrawCall 来提升游戏性能. 什么是 DrawCall DrawCall就是CPU调用图形库(比如DirectX或OpenGL)的图

  • 怎样在CocosCreator中使用游戏手柄

    怎样在CocosCreator中使用游戏手柄

    一.场景布置 二. 添加手柄监听器 1.监听事件的变化 由原先的mouse系列的转换为touch系列的 touchstart 触摸按下,相当于 mousedown touchmove 触摸移动,相当于 mousemove touchend 触摸抬起,相当于 mouseup touchcancel 触摸取消,被其他事件终止,相当于按下了ESC键 2.坐标设定 当触摸按下随推动位置变化(要用世界坐标转换),触摸抬起后回归原位(直接设定0,0坐标默认相对坐标). setPosition()设定的为相对

  • 如何用CocosCreator制作微信小游戏

    如何用CocosCreator制作微信小游戏

    CocosCreator在1.8版本开始,就支持一键发布微信小程序,下面是详细的发布步骤: 1.在微信公众平台下载微信开发者工具  地址: https://mp.weixin.qq.com/debug/wxagame/dev/devtools/download.html?t=2018115,根据需要选择相应的版本. 2.cocoscreator设置 选择Cocos Creator --> 偏好设置 --> 原生开发环境,配置WechatGame程序路径,点击保存并关闭. 3.配置构建发布 下面

  • 详解CocosCreator消息分发机制

    概述 本篇开始介绍游戏业务架构相关的内容.在游戏业务层,所有需要隔离的系统和模块间通信都可以通过消息分发解耦.例如网络返回通知.数据更新同步到界面等. 消息分发基于观察者模式设计.需要处理消息的地方向消息中心注册监听回调,派发消息时,调用消息中心的派发接口遍历该消息的监听队列,调用对应的回调方法. 具体方案 先定义监听回调类型 /** * 消息监听回调方法 */ export type NotifyListener = (src: any, data: any) => void; 通过key-v

  • 详解CocosCreator华容道数字拼盘

    详解CocosCreator华容道数字拼盘

    前言 华容道是啥玩意? 这种数字拼图游戏大家都玩过吧,他就是典型的华容道之一. 华容道是古老的中国民间益智游戏,以其变化多端.百玩不厌的特点与魔方.独立钻石棋一起被国外智力专家并称为"智力游戏界的三个不可思议". 今天咱们就来了解一下这个华容道. 正文 今天咱们主要以3*3的布局来进行,菜鸟用cocos creator 写了一个简单的demo,下面咱们逐步说一下 1.面板 首先咱们随机生成一个面板排列 2.华容道求解 思路: 穷举法:大家都知道这种游戏的玩法,滑动其中可以滑动的方格,将

  • CocosCreator实现技能冷却效果

    CocosCreator实现技能冷却效果

    CocosCreator实现技能CD效果 在很多游戏里面都有技能,玩家在点击技能按钮后技能会有一个冷却的时间,当冷却时间过了之后技能才可以再次使用 在cocos中实现这个效果很简单,需要用到精灵组件 首先将技能按钮的图片拖到canvas下 然后在技能按钮下新建一个label 像这样 然后新建TS脚本把下面的代码复制粘贴进去 const {ccclass, property} = cc._decorator; @ccclass export default class NewClass exten

  • 详解cocoscreater预制体prefab

    详解cocoscreater预制体prefab

    预制体prefab 什么是预制体,字面意思,还未使用前预先制作好的节点资源,属性等同于普通节点,可以看做一个预先制作还没展示出来的普通的节点 怎么创建预制体 1.在层级管理器处先创建普通的节点,然后把这个节点拖拽到资源管理器的assets文件夹下,出于方便管理会统一建立一个Prefab文件夹下统一存放预制体 双击预制体节点可以看到它呈现蓝色,这时候就可以删除还留在场景场景里的节点,需要使用该节点时,通过预制体创建 这时候可以看到属性检查器里的属性,和普通节点一致 预制体的作用 1.批量创建相同类

随机推荐