Cocos2d-x Lua Node与Node层级架构

Cocos2d-x Lua采用层级(树形)结构管理场景、层、精灵、菜单、文本、地图和粒子系统等节点(Node)对象。一个场景包含了多个层,一个层又包含多个精灵、菜单、文本、地图和粒子系统等对象。层级结构中的节点可以是场景、层、精灵、菜单、文本、地图和粒子系统等任何对象。
节点的层级结构如下图所示。

节点的层级结构
这些节点有一个共同的父类Node,Node类图如下图所示。Node类是Cocos2d-x Lua最为重要的根类,它是场景、层、精灵、菜单、文本、地图和粒子系统等类的根类。

Node类图
Node中重要的操作
Node作为根类它有很多重要的函数下面我们分别介绍一下:
创建节点。local childNode = cc.Node:create()。
增加新的子节点。node:->addChild (childNode, 0, 123) ,第二个参数Z轴绘制顺序,第三个参数是标签。
查找子节点。local node = node:getChildByTag(123),通过标签查找子节点。
node:removeChildByTag(123, true) 通过标签删除子节点,并停止所有该节点上的一切动作。
node:removeChild(childNode, true) 删除childNode节点。并停止所有该子节点上的一切动作。
node:removeAllChildrenWithCleanup(true) 删除node节点的所有子节点,并停止这些子节点上的一切动作。
node:removeFromParentAndCleanup(true)从父节点删除node节点,并停止所有该节点上的一切动作。

Node中重要的属性
此外,Node还有两个非常重要的属性:position和anchorPoint。
position(位置)属性是Node对象的实际位置。position属性往往还要配合使用anchorPoint属性,为了将一个Node对象(标准矩形图形)精准的放置在屏幕某一个位置上,需要设置该矩形的锚点,anchorPoint是相对于position的比例,默认是(0.5,0.5)。我们看看下面的几种情况:
如下图所示是anchorPoint为(0.5,0.5)情况,这是默认情况。

anchorPoint为(0.5,0.5)
下图所示是anchorPoint为(0.0,0.0)情况。

anchorPoint为(0.0,0.0)
如下图所示是anchorPoint为(1.0,1.0)情况。

anchorPoint为(1.0,1.0)
如下图所示是anchorPoint为(0.66, 0.5)情况。

anchorPoint为(0.66, 0.5)
为了进一步了解anchorPoint使用,我们修改HelloLua实例,修改GameScene.lua的GameScene:createLayer()函数如下,其中加粗字体显示的是我们添加的代码。
function GameScene:createLayer()
    cclog("GameScene init")
    local layer = cc.Layer:create()

    local label = cc.LabelTTF:create("Hello World", "Arial", 46)    
    label:setPosition(cc.p(size.width/2,
                          size.height - label:getContentSize().height))
    label:setAnchorPoint(cc.p(1.0, 1.0))
    layer:addChild(label)
    
    local bg = cc.Sprite:create("HelloWorld.png")
    bg:setPosition(cc.p(size.width/2, size.height/2))
    layer:addChild(bg)

    return layer
end
运行结果如下图所示,Hello World标签设置了anchorPoint为(1.0,1.0)。

Hello World标签的anchorPoint为(1.0,1.0)

游戏循环与调度
每一个游戏程序都有一个循环在不断运行,它是由导演对象来管理很维护。如果需要场景中的精灵运动起来,我们可以在游戏循环中使用定时器(Scheduler)对精灵等对象的运行进行调度。因为Node类封装了Scheduler类,所以我们也可以直接使用Node中定时器相关函数。
Node中定时器相关函数主要有:
scheduleUpdateWithPriorityLua(nHandler, priority)。每个Node对象只要调用该函数,那么这个Node对象就会定时地每帧回调用一次nHandler函数。priority是优先级,priority值越小越先执行。
unscheduleUpdate ()。停止scheduleUpdateWithPriorityLua的调度。
为了进一步了解游戏循环与调度的使用,我们修改HelloLua实例。修改GameScene.lua文件,代码如下:

require "Cocos2d"
require "Cocos2dConstants"
size = cc.Director:getInstance():getWinSize()
local label																①
local GameScene = class("GameScene",function()
    return cc.Scene:create()
end)
function GameScene.create()
    local scene = GameScene.new()
    scene:addChild(scene:createLayer())
    return scene
end
function GameScene:ctor()
end
-- create layer
function GameScene:createLayer()
    cclog("GameScene init")
    local layer = cc.Layer:create()
    label = cc.LabelTTF:create("Hello World", "Arial", 46)
    label:setPosition(cc.p(size.width/2,
        size.height - label:getContentSize().height))
    label:setTag(123)
    label:setAnchorPoint(cc.p(1.0, 1.0))
    layer:addChild(label)
    local bg = cc.Sprite:create("HelloWorld.png")
    bg:setPosition(cc.p(size.width/2, size.height/2))
    layer:addChild(bg)
    local function update(delta)											②
        local x,y = label:getPosition()
        label:setPosition(cc.p(x + 2, y - 2))
    end
    --开始游戏调度
    layer:scheduleUpdateWithPriorityLua(update, 0)								③
    function onNodeEvent(tag)											④
        if tag == "exit" then												⑤
            --开始游戏调度
            layer:unscheduleUpdate()										⑥
        end
    end
    layer:registerScriptHandler(onNodeEvent)									⑦
    return layer
end
return GameScene

上述代码第①行定义了模块级标签对象label。代码第②行定义的update(delta)函数是调度函数。第③行代码layer:scheduleUpdateWithPriorityLua(update, 0)是开启游戏调度,按照帧率进行调度,优先级0是默认值。
第④行代码是层处理事件回调函数,其中第⑤行代码是判断是否为退出层事件,如果是退出层事件则调用第⑥行代码停止调度。第⑦行代码layer:registerScriptHandler(onNodeEvent)是注册层事件监听器。

更多内容请关注最新Cocos图书《Cocos2d-x实战:JS卷——Cocos2d-JS开发》
本书交流讨论网站:http://www.cocoagame.net

欢迎加入Cocos2d-x技术讨论群:257760386

更多精彩视频课程请关注智捷课堂Cocos课程:http://v.51work6.com

智捷课堂现推出Cocos会员,敬请关注:http://v.51work6.com/courseInfoRedirect.do?action=netDetialInfo&courseId=844465&categoryId=0

《Cocos2d-x实战 JS卷》现已上线,各大商店均已开售:

京东:http://item.jd.com/11659698.html

欢迎关注智捷iOS课堂微信公共平台,了解最新技术文章、图书、教程信息

时间: 2024-07-29 09:43:52

Cocos2d-x Lua Node与Node层级架构的相关文章

【Cocos2d-x】开发基础-Node与Node层级架构

本篇博客讲解: 1.Node与Node层级架构 2.Node中重要的操作 3.Node中重要的属性 4.游戏循环与调度 Node与Node层级架构 首先来看一张图 这个图反应了Node与Node的层级架构 所谓层级架构其实就是树形结构/层次结构,从图上可以看出来,树的根是Scene(场景),然后是层,层里面又包含了精灵,菜单,粒子系统,瓦片地图 所有这些元素,都有一个共同的父类,就是Node 这个树形结构,其实就是一种包含关系 这2个文件共同定义了一个HelloWorld的层 class Hel

cocos2d-x中Node与Node层级架构

Cocos2d-x采用层级树形结构管理场景.层.精灵.菜单.文本.地图和粒子系统等节点Node对象.一个场景包含了多个层一个层又包含多个精灵.菜单.文本.地图和粒子系统等对象.层级结构中的节点可以是场景.层.精灵.菜单.文本.地图和粒子系统等任何对象.   节点的层级结构 这些节点有一个共同的父类Node.Node类是Cocos2d-x最为重要的根类它是场景.层.精灵.菜单.文本.地图和粒子系统等类的根类. 更多内容请关注最新Cocos图书<Cocos2d-x实战 C++卷> 本书交流讨论网站

c语言-求教C语言单项链表逆置NODE * fun(NODE *h)函数每步步骤详细解读

问题描述 求教C语言单项链表逆置NODE * fun(NODE *h)函数每步步骤详细解读 #include #include #define N 5 typedef struct node { int data; struct node next; } NODE; /*********found**********/ NODE * fun(NODE h) { NODE *p, *q, *r; p = h; if (p == NULL) return NULL; q = p->next; p->

node js-Express node.js 如何访问一个域名 并返回数据求大神指教

问题描述 Express node.js 如何访问一个域名 并返回数据求大神指教 我是要去调用接口 (这个接口是别人写好了的 有自己的域名 我只要传参过去 接口就会返回json数据) 才刚学node.js 想想请教大神 给点思路 或者源代码

node问题-node.js的函数问题 急求

问题描述 node.js的函数问题 急求 function add(domanName,name,email,age,click){ var website=[]; website[0]=domainName; website[1]=name; website[2]=email; website[3]=age; website[4]=click; return website; } 急求这句话是什么意思呢? 是不是函数返回的结果,返回到数组里?这样函数add 的结果就跟数组建立了联系? 解决方案

node sprite-cocos2dx node 大小的问题

问题描述 cocos2dx node 大小的问题 Cocos2dx 在node中加入一个精灵,设置node的大小和精灵的大小相同 然后把这个node加入到场景中,这个时候精灵的中点和node的中点重合的 那么精灵在跳起过程中,node的中点和精灵的中点还重合吗?还是说node的大小变大了 解决方案 参考:http://blog.csdn.net/ganpengjin1/article/details/18264457 解决方案二: http://www.cocoachina.com/bbs/re

[译]什么是Node?

译者按:前不久Oreilly出了一本小册子"What is Node?",扼要的讲解了Node的身世和所适用的场景,作者文笔轻松流畅.内容充实,是非常难得的学习资料.翻译出来,和大家分享- 译文全文:http://jayli.github.com/whatisnode/index.html 作者:Brett McLaughlin ,原文:What is Node? Node不是万能药!但的确能解决一些关键问题. 学习Node不是一件轻松事儿,但你所收到的回报是对得起你的付出的.因为当下

Node你听说吗?Node的身世和所适用的场景

文章简介:[译]什么是Node? 译者按:前不久Oreilly出了一本小册子"What is Node?",扼要的讲解了Node的身世和所适用的场景,作者文笔轻松流畅.内容充实,是非常难得的学习资料.翻译出来,和大家分享- 译文全文:http://jayli.github.com/whatisnode/index.html作者:Brett McLaughlin ,原文:What is Node? Node不是万能药!但的确能解决一些关键问题. 学习Node不是一件轻松事儿,但你所收到的

什么是Node.js?

  这篇文章主要介绍了究竟什么是Node.js?Node.js有什么好处?,为试图解释什么是 Node.js,本文将简要介绍一些背景信息:它要解决的问题,它如何工作,如何运行一个简单应用程序,最后,Node 在什么情况下是一个好的解决方案,需要的朋友可以参考下 Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念.它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码. 简介 如果您听说过 Node,或者阅读