cocos2d-x中Node中重要的属性

简介:

Node还有两个非常重要的属性:position和anchorPoint。

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

以anchorPoint为(0.5,0.5)为例,这是默认情况。



下面是anchorPoint为(0.0,0.0)情况。



下面是anchorPoint为(1.0,1.0)情况。



下面是anchorPoint为(0.5,0.66)情况。



为了进一步了解anchorPoint使用,我们修改HelloWorld实例,修改HelloWorldScene.cpp的HelloWorld::init()函数如下,其中加粗字体显示的是我们添加的代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<span style= "font-size:14px;" > bool  HelloWorld::init()
{
    … …
  
    auto  label = LabelTTF::create( "Hello World" , "Arial" , 24);                                                 
    label->setPosition(Point(origin.x + visibleSize.width/2,
                             origin.y +visibleSize.height - label->getContentSize().height));      
    
label->setAnchorPoint( Point(1.0, 1.0) );
  
    this ->addChild(label, 1);                                                                                                               
  
    auto  sprite = Sprite::create( "HelloWorld.png" );                                                                          
    sprite->setPosition(Point(visibleSize.width/2 + origin.x,visibleSize.height/2 + origin.y));    
    this ->addChild(sprite, 0);                                                                                                             
    
    return  true ;
}</span>

Hello World设置了anchorPoint为(1.0,1.0)。



本文转自 tony关东升 51CTO博客,原文链接:http://blog.51cto.com/tonyguan/1416616,如需转载请自行联系原作者

相关文章
|
10月前
|
安全 JavaScript 前端开发
针对Node.js生态系统的隐藏属性滥用攻击
在本文中,通过对 Node.js 程序中客户端和服务器端代码之间的通信过程进行首次系统研究来填补这一空白。本文广泛地识别了流行的 Node.js 程序中的几个新漏洞。为了证明它们的安全含义,本研究设计并开发了一种新颖的可行攻击,称为隐藏属性滥用 (HPA,hidden property abusing)。进一步分析表明,HPA 攻击与现有的关于利用和攻击效果的调查结果略有不同。通过 HPA 攻击,远程 Web 攻击者可以获得危险的能力,例如窃取机密数据、绕过安全检查和发起 DoS(拒绝服务)攻击。
68 0
|
JavaScript
DOM中的node(节点)有关的三个属性--nodeType、nodeName、nodeValue
DOM中的node(节点)有关的三个属性–nodeType、nodeName、nodeValue 上篇博文我们讲到了如何通过DOM获取HTML文档中的元素,在这里要明白一点,当我们获取到具体的某一个元素的时候这个元素就是一个元素节点。说到节点,我们不可避免的有三个属性很有必要了解一下:nodeType、nodeName、nodeValue。 1.nodeType属性 每个节点都有一个 nodeType 属性,用于表明节点的类型,节点类型由 Node 类型中定义12个常量表示: 常量名 常量(返回)值 节点类型 描述 Node.ELEMENT_NODE 1 Element 代表元素 Nod
|
定位技术 调度
【Cocos2d-x】开发基础-Node与Node层级架构
【Cocos2d-x】开发基础-Node与Node层级架构
157 0
|
调度
【Cocos2d-x】开发基础-Node与Node层级架构
本篇博客讲解: 1.Node与Node层级架构 2.Node中重要的操作 3.Node中重要的属性 4.游戏循环与调度 Node与Node层级架构 首先来看一张图 这个图反应了Node与Node的层级架构 所谓层级架构其实就是树形结构/层次结构,...
1267 0
|
定位技术 调度
Cocos2d-x Lua Node与Node层级架构
<h2> <span style="font-size:14px;font-weight: normal;">Cocos2d-x Lua采用层级(树形)结构管理场景、层、精灵、菜单、文本、地图和粒子系统等节点(Node)对象。一个场景包含了多个层,一个层又包含多个精灵、菜单、文本、地图和粒子系统等对象。层级结构中的节点可以是场景、层、精灵、菜单、文本、地图和粒子系统等任何对象。<br>节点的层
1726 0
|
2月前
|
Web App开发 缓存 JavaScript
【安装指南】nodejs下载、安装与配置详细教程
这篇博文详细介绍了 Node.js 的下载、安装与配置过程,为初学者提供了清晰的指南。读者通过该教程可以轻松完成 Node.js 的安装,了解相关配置和基本操作。文章首先介绍了 Node.js 的背景和应用场景,随后详细说明了下载安装包、安装步骤以及配置环境变量的方法。作者用简洁明了的语言,配以步骤图示,使得读者能够轻松跟随教程完成操作。总的来说,这篇文章为初学者提供了一个友好的入门指南,使他们能够顺利开始使用 Node.js 进行开发。
178 1
【安装指南】nodejs下载、安装与配置详细教程
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
75 0
|
3月前
|
JavaScript 前端开发 API
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)(下)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
35 0
|
3月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)(上)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
42 0