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文件,代码如下:

  1. <span style="font-size:14px;font-weight: normal;">require "Cocos2d"
  2. require "Cocos2dConstants"
  3. size = cc.Director:getInstance():getWinSize()
  4. local label                                                             ①
  5. local GameScene = class("GameScene",function()
  6. return cc.Scene:create()
  7. end)
  8. function GameScene.create()
  9. local scene = GameScene.new()
  10. scene:addChild(scene:createLayer())
  11. return scene
  12. end
  13. function GameScene:ctor()
  14. end
  15. -- create layer
  16. function GameScene:createLayer()
  17. cclog("GameScene init")
  18. local layer = cc.Layer:create()
  19. label = cc.LabelTTF:create("Hello World", "Arial", 46)
  20. label:setPosition(cc.p(size.width/2,
  21. size.height - label:getContentSize().height))
  22. label:setTag(123)
  23. label:setAnchorPoint(cc.p(1.0, 1.0))
  24. layer:addChild(label)
  25. local bg = cc.Sprite:create("HelloWorld.png")
  26. bg:setPosition(cc.p(size.width/2, size.height/2))
  27. layer:addChild(bg)
  28. local function update(delta)                                            ②
  29. local x,y = label:getPosition()
  30. label:setPosition(cc.p(x + 2, y - 2))
  31. end
  32. --开始游戏调度
  33. layer:scheduleUpdateWithPriorityLua(update, 0)                              ③
  34. function onNodeEvent(tag)                                           ④
  35. if tag == "exit" then                                               ⑤
  36. --开始游戏调度
  37. layer:unscheduleUpdate()                                        ⑥
  38. end
  39. end
  40. layer:registerScriptHandler(onNodeEvent)                                    ⑦
  41. return layer
  42. end
  43. return GameScene</span>

上述代码第①行定义了模块级标签对象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

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

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

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

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

  1. Cocos2d-x 核心概念 - Node(节点)与Node层级架构

    Cocos2d-x采用层级结构管理场景 层 精灵 等节点(Node)对象 一个场景包含了多个层,一个层又包含多个对象 层级结构中的节点(Node)可以是场景,精灵等任何对象 节点的层级结构 Scene ...

  2. cocos2d-x中Node与Node层级架构

    Cocos2d-x采用层级(树形)结构管理场景.层.精灵.菜单.文本.地图和粒子系统等节点(Node)对象.一个场景包含了多个层,一个层又包含多个精灵.菜单.文本.地图和粒子系统等对象.层级结构中的节 ...

  3. 基于 Angularjs&Node.js 云编辑器架构设计及开发实践

    基于 Angularjs&Node.js 云编辑器架构设计及开发实践 一.产品背景 二.总体架构 1. 前端架构 a.前端层次 b.核心基础模块设计 c.业务模块设计 2. Node.js端设 ...

  4. cocos2d-x 3.0 Node与Node层级结构

    节点解释: 节点是场景图的基本元素.场景图的基本元素必须是节点对象或者是节点对象的子类. 其中主要可以看到Layer.MenuItem.Scene.Sprite.TMXTiledMap(解析and渲染 ...

  5. [Node.js] Node + Redis 实现分布式Session方案

    原文地址: http://www.moye.me/?p=565 Session是什么? Session 是面向连接的状态信息,是对 Http 无状态协议的补充. Session 怎么工作? Sessi ...

  6. 在linux环境下配置node:node + npm + forever

    我的技术博客经常被流氓网站恶意爬取转载.请移步原文:http://www.cnblogs.com/hamhog/p/3574582.html,享受整齐的排版.有效的链接.正确的代码缩进.更好的阅读体验 ...

  7. Hadoop ->> Name node/Data node和Job tracker/Task tracker的区别

    刚好看到关于Name node/Data node和Job tracker/Task tracker的解释,一开始有点混淆,以为说Job tracker必须运行在Name node上,他们俩有依赖或者 ...

  8. nyoj 263-精 挑 细 选 (sort(P, P+m, cmp); bool cmp(node a, node b)...)

    263-精 挑 细 选 内存限制:64MB 时间限制:3000ms 特判: No 通过数:14 提交数:26 难度:1 题目描述: 小王是公司的仓库管理员,一天,他接到了这样一个任务:从仓库中找出一根 ...

  9. Docker安装、命令详情、层级架构、docker服务启动失败解决方法

    容器背景: 层级架构:  容器对比传统化虚拟机: 可以把docker理解成是一款自带软件(比如:nignx.tomcat.....)的镜像操作系统(首先是要下载镜像) 以下是Windows环境安装Do ...

随机推荐

  1. ajax--百度百科

    AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和 ...

  2. linux 终端分屏命令vsp(转)

    比如:某文件夹下有文件:vector.cc, substr.cc 1.使用vim命令打开任意一个文件:vim vector.cc打开第一个文件.如下图所示: 2.按:"Esc"键 ...

  3. 数据结构之---C语言实现最小生成树之prim(普里姆)算法

    watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/ ...

  4. requireJS目录

    前言 对于像我这种requireJS初学者而言,requireJS最难理解的部分应该是它的路径问题.晚上随便折腾了一下,算是稍微理清了这个目录问题吧. requireJS学习网址:requireJS中 ...

  5. Docker 方式运行 jenkins

    原文地址:https://testerhome.com/topics/5798 简介说明 docker 是官方推荐的一种 jenkins 启动方式. 打开 jenkins 的官网,点击进入的是: ht ...

  6. spring事务管理源码解析--加了@Transactional注解后Spring究竟为我们做了哪些事情?

    大家都知道事务管理是基于AOP的,对AOP还不了解的请自行百度. 实现一个事务需要以下几步:1.获取数据库连接  2.执行数据库操作  3.如果2步骤发生异常就回滚,否则就提交  4.释放资源. 然后 ...

  7. mysql 应用场景

    一.按时间点来统计 ), date_FORMAT(date_Field,'%Y-%m-%d %H:00:00') as dateStr from table_name group by dateStr

  8. Atitit.数据库存储引擎的原理与attilax 总结

    Atitit.数据库存储引擎的原理与attilax 总结 1. 存储引擎是什么1 2. 其它数据库系统(包括大多数商业选择)仅支持一种类型的数据存储2 3. 表的存储有三个文件:结构+数据+索引2 4 ...

  9. 代码转换工具 Java to C#

    http://www.tangiblesoftwaresolutions.com/ (Java 2 C#) http://www.tangiblesoftwaresolutions.com/Produ ...

  10. Pycharm快捷键小结

    1.编辑(Editing) Ctrl + Space 基本的代码完成(类.方法.属性)Ctrl + Alt + Space 快速导入任意类Ctrl + Shift + Enter 语句完成Ctrl + ...