cocos creator---节点

最新推荐文章于 2024-07-29 22:14:57 发布

jiuwanli666

最新推荐文章于 2024-07-29 22:14:57 发布

阅读量2.4k

点赞数 2

分类专栏： Cocos Creator 文章标签：节点 cocos节点 getComponent getChildByName

本文链接：https://blog.csdn.net/jiuwanli666/article/details/79263883

版权

Cocos Creator 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

//节点是cocos游戏重要的部分。一次节点的处理自然也是重中之重了。接下来整理了节点从创建到节点挂载一些过程。
1、JS中节点的使用：
    a、创建：在properties中定义节点（可能包括节点的默认值和类型）；
    b、挂载：在相应的方法中获取节点获取相应节点，挂载到父元素
    例子：精灵图节点
    cc.Class({
        extends: cc.Component,
            //定义节点
        properties: {
            node1:{
                default: null,
                type: cc.SpriteFrame
            },
           node2:{
                default: null,
                type: cc.Sprite
            },
        },
        onLoad: function () {
            var node2 = this.node2.getComponent(cc.Sprite);// 获取节点元素
             //JS节点获取：cc.find('Canvas/alert').getComponent('MajiangDataBind'); 
             // 获取UI等其他节点：this.node.getChildByName('chat_btn_send');
            // 将节点挂载
            node2.spriteFrame = this.node1;
        }
    c、节点赋值：在cocos编辑器中
        c1、在左侧层级管理器中创建对应节点。
        c2、选中该节点的父元素，挂载节点到JS创建的节点上.找到对应的节点，把图片或者预制资源拖进去。

这里写图片描述

2、修改节点属性：
     this.节点.属性名（此时节点必须在properties）
3、节点获取
    a、获取画布下node节点的名叫‘label’的组件：cc.find('Canvas/node').getComponent('label')
    b、获取弹出框的节点: cc.find('Canvas/alert')
    c、获取节点：cc.find('Canvas').getChildByName('node')
    d、获取在properties中定义的节点：this.节点名