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()函数如下,其中加粗字体显示的是我们添加的代码。
- <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)。
相关推荐
cocos2d-x c++ flash转成node对象,利用骨骼做动画。
第三篇数据与网络,即第13章~第17章,内容包括Cocos2d-x中使用的数据容器类、数据持久化、数据交换格式、基于HTTP网络通信和基于Node.js的Socket.IO网络通信。 第四篇设计与优化,即第18章~第20章,内容包括Cocos...
cocos2d-x-myutil 这是cocos2d-x utils存储库。... 在cocos2d-x项目的根目录中运行cocosl命令,然后输入项目版本的cocos命令路径。 您可以使用与cocos命令相同的cocosl命令。 $ cocosl run -p android
ActionTimeline动画的使用,二、修改动画,关键帧事件,创建多个Node对象,异步加载动画Armature,创建动画并显示,设置骨骼动画的速度,批量添加怪物,实现动画的事件...在场景中获取粒子效果等等COCOS2D-X使用教程尽在其中
Node类在Cocos2d-x中有多重要呢?任何需要画在屏幕上的对象都是节点类。最常用的节点类包括场景类(Scene)、布景层类(Layer)、精灵类(Sprite)、菜单类(Menu)。Node类的主要功能如下: 1.每个节点都可以含有子
#QCEditorQCEditor是一个简单的cocos2d-x UI编辑器,基于cocos2d-x 3.16。 Qt和Cocos-x 都能跨平台,理论上该编辑器是能够跨平台的。名字是 Qt 和 Cocos2d-x 的首字母缩写。QCEditor的渲染使用的是cocos2d-x本身的...
用于noesisGUI的Cocos2d-x绑定 此代码将UI中间件noesisGUI与Cocos2d-x集成在一起。 该实现包含一个cocos2d :: Node的自定义实现,其中包含一个noesisGUI渲染器。 它可以按如下方式使用: bool HelloWorld::init ...
render flash animation in cocos2d-x, a animation sprite extension for cocos2d-x, base on hierarchies node like bone. Sprite类 CCHierarchiesSprite类更注重动画播放性能,通过缓存动画数据获得更高的运行...
为 cocos2d-x 的 ScrollView/TableView 附加滚动条节点 安装 克隆此存储库并将Libs目录和Resources/[images]放在您的项目中: git clone git@github.com:ysugimoto/ScrollBarView.git cp -R ScrollbarView/Libs /...
如果你对于如何制作基于Cocos2d-x3.0的游戏完全陌生的话,这个代码可以帮助你!你将会学习到,如何从头至尾构建一个完整的游戏,不需要任何的经验! 代码中还包含了视差滚动(parallax scrolling),预分配Node,...
File => Perferences => Workspace Settings{ "eslint.enable": true, "files.exclude": { "**/.git": true, "**/.DS_Store": true, "frameworks/cocos2d-x/**": true, "frameworks/runtime-src/**": true, "src/app...
####笔记我不知道 typecipt 编译器是如何工作的。 使用它需要您自担风险。 tsc_cocos2d.js是一个被黑的编译器, tsc_cocos2d.js... 将tsc_cocos2d.js复制到<NODE>/typescript/bin/以替换tsc.js或修改tsc bin 文件。
hunger_hero 使用cocos2d-js v3.1 lite版对游戏hunger_hero的重写 使用的模块包括: core actions audio menus sprite-batch-node labels particle ccpool 在线演示地址:
// - [English] http://www.cocos2d-x.org/docs/creator/manual/en/scripting/typescript.html // Learn Attribute: // - [Chinese] ...
// - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/class.html // Learn Attribute: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/reference/attributes.html // - ...
// - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/class.html // Learn Attribute: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/reference/attributes.html // - ...
仿愤怒的小鸟 ipone 游戏源码,cocos2d引擎的很好学习资料
// - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/class.html // Learn Attribute: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/reference/attributes.html // - ...
受支持的Spritesheet格式八哥/麻雀JSON(即PIXI.js) Easel.js cocos2d(即版本2.x) cocos2d-v3(即3.x版) CSS(新!)用法命令行$ spritesheet-js assets/ * .png 选项: $ spritesheet-jsUsage: spritesheet-js ...