Cocos2dx锚点

最新推荐文章于 2017-12-03 10:12:34 发布
最新推荐文章于 2017-12-03 10:12:34 发布
阅读量782 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： cocos2dx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_24571549/article/details/78046938

总结：

理解：

                精灵不是一个点，它是有大小的。你设置它的位置的时候。它是依照重心来设置这个精灵的位置的。

                锚点 就是这个精灵的重心。

                而设置锚点的两个参数都在0 -1之间。它实际上表示图片一个比例。比如，一个边长为1的正方形。0,0,锚点为左下角。01锚点为坐上角，10锚点为右下，11为右上。

                        0.5,0.5锚点为正方形正中心。

                setposition方法设置的位置就是图片“锚点”这个点所在设置点的位置。


示例参考博客转接理解：https：//www.byjth.com/biji/28.html

1、设置layer的坐标位置为屏幕的中心vec2（0.5,0.5）

auto layer = LayerColor::create(Color4B(255, 0, 0, 255));//RGBA 颜色数据（红）

layer->setContentSize(CCSizeMake(80, 80));//设置大小

layer->setPosition(Vec2(origin.x + visibleSize.width/2,origin.y + visibleSize.height/2));//设置坐标

layer->setAnchorPoint(Vec2(0.5,0.5));//设置锚点(0.5,0.5)居中

addChild(layer);//添加到场景并设置绘制层的顺序

 

学习笔记9：图2.png

学习笔记9：图3.png

 

从图中我们可以看出来，我们设置的代码是layer的锚点是居中，而运行显示的则是锚点在左下角（0，0）位置。这是什么情况呢？

原来是因为Layer比较特殊，它默认忽略锚点。所以要调用ignoreAnchorPointForPosition()接口来改变锚点。

学习笔记9：图4.png

因为ignoreAnchorPointForPosition()默认为true参数，忽略锚点。我们要将参数改为false，为不忽略锚点，这样锚点才会在layer有效果。

学习笔记9：图5.png

这样锚点就在layer层中心点了，如果用精灵来代替层的话这不需要设置ignoreAnchorPointForPosition()函数，直接设置锚点即可。


https://www.byjth.com/biji/28.html

1、设置layer的坐标位置为屏幕的中心vec2（0.5,0.5）

auto layer = LayerColor::create(Color4B(255, 0, 0, 255));//RGBA 颜色数据（红）

layer->setContentSize(CCSizeMake(80, 80));//设置大小

layer->setPosition(Vec2(origin.x + visibleSize.width/2,origin.y + visibleSize.height/2));//设置坐标

layer->setAnchorPoint(Vec2(0.5,0.5));//设置锚点(0.5,0.5)居中

addChild(layer);//添加到场景并设置绘制层的顺序

 

学习笔记9：图2.png

学习笔记9：图3.png

 

从图中我们可以看出来，我们设置的代码是layer的锚点是居中，而运行显示的则是锚点在左下角（0，0）位置。这是什么情况呢？

原来是因为Layer比较特殊，它默认忽略锚点。所以要调用ignoreAnchorPointForPosition()接口来改变锚点。

学习笔记9：图4.png

因为ignoreAnchorPointForPosition()默认为true参数，忽略锚点。我们要将参数改为false，为不忽略锚点，这样锚点才会在layer有效果。

学习笔记9：图5.png

这样锚点就在layer层中心点了，如果用精灵来代替层的话这不需要设置ignoreAnchorPointForPosition()函数，直接设置锚点即可。


https://www.byjth.com/biji/28.html

1、设置layer的坐标位置为屏幕的中心vec2（0.5,0.5）

 

auto layer = LayerColor::create(Color4B(255, 0, 0, 255));//RGBA 颜色数据（红）

layer->setContentSize(CCSizeMake(80, 80));//设置大小

layer->setPosition(Vec2(origin.x + visibleSize.width/2,origin.y + visibleSize.height/2));//设置坐标

layer->setAnchorPoint(Vec2(0.5,0.5));//设置锚点(0.5,0.5)居中

addChild(layer);//添加到场景并设置绘制层的顺序

 

学习笔记9：图2.png

学习笔记9：图3.png

 

从图中我们可以看出来，我们设置的代码是layer的锚点是居中，而运行显示的则是锚点在左下角（0，0）位置。这是什么情况呢？

原来是因为Layer比较特殊，它默认忽略锚点。所以要调用ignoreAnchorPointForPosition()接口来改变锚点。

学习笔记9：图4.png

因为ignoreAnchorPointForPosition()默认为true参数，忽略锚点。我们要将参数改为false，为不忽略锚点，这样锚点才会在layer有效果。

学习笔记9：图5.png

这样锚点就在layer层中心点了，如果用精灵来代替层的话这不需要设置ignoreAnchorPointForPosition()函数，直接设置锚点即可。


https://www.byjth.com/biji/28.html

1、设置layer的坐标位置为屏幕的中心vec2（0.5,0.5）

 

auto layer = LayerColor::create(Color4B(255, 0, 0, 255));//RGBA 颜色数据（红）

layer->setContentSize(CCSizeMake(80, 80));//设置大小

layer->setPosition(Vec2(origin.x + visibleSize.width/2,origin.y + visibleSize.height/2));//设置坐标

layer->setAnchorPoint(Vec2(0.5,0.5));//设置锚点(0.5,0.5)居中

addChild(layer);//添加到场景并设置绘制层的顺序

 

学习笔记9：图2.png

学习笔记9：图3.png

 

从图中我们可以看出来，我们设置的代码是layer的锚点是居中，而运行显示的则是锚点在左下角（0，0）位置。这是什么情况呢？

原来是因为Layer比较特殊，它默认忽略锚点。所以要调用ignoreAnchorPointForPosition()接口来改变锚点。

学习笔记9：图4.png

因为ignoreAnchorPointForPosition()默认为true参数，忽略锚点。我们要将参数改为false，为不忽略锚点，这样锚点才会在layer有效果。

学习笔记9：图5.png

这样锚点就在layer层中心点了，如果用精灵来代替层的话这不需要设置ignoreAnchorPointForPosition()函数，直接设置锚点即可。


https://www.byjth.com/biji/28.html

1、设置layer的坐标位置为屏幕的中心vec2（0.5,0.5）

auto layer = LayerColor::create(Color4B(255, 0, 0, 255));//RGBA 颜色数据（红）

layer->setContentSize(CCSizeMake(80, 80));//设置大小

layer->setPosition(Vec2(origin.x + visibleSize.width/2,origin.y + visibleSize.height/2));//设置坐标

layer->setAnchorPoint(Vec2(0.5,0.5));//设置锚点(0.5,0.5)居中

addChild(layer);//添加到场景并设置绘制层的顺序

 

学习笔记9：图2.png

学习笔记9：图3.png

 

从图中我们可以看出来，我们设置的代码是layer的锚点是居中，而运行显示的则是锚点在左下角（0，0）位置。这是什么情况呢？

原来是因为Layer比较特殊，它默认忽略锚点。所以要调用ignoreAnchorPointForPosition()接口来改变锚点。

学习笔记9：图4.png

因为ignoreAnchorPointForPosition()默认为true参数，忽略锚点。我们要将参数改为false，为不忽略锚点，这样锚点才会在layer有效果。

学习笔记9：图5.png

这样锚点就在layer层中心点了，如果用精灵来代替层的话这不需要设置ignoreAnchorPointForPosition()函数，直接设置锚点即可。


都在 0~1 之间


锚点(AnchorPoint)是相对坐标，通常用来定义物体内部的点，在cocos2dx中，一般都是以加载精灵来实现游戏元素的表现，而精灵一般都是对应的一张图片资源。

我们在设置精灵位置的时候，要设置精灵中的锚点来和我们的坐标点相对应，就比如人站在地上，我们要设置人的脚为锚点，假如设置人的头为锚点，那么人的身子就都会在底下了。

学习笔记9：图1.png

Anchor Point的两个参数都在0~1之间。一般Node的锚点默认为(0.5， 0.5)，而Layer的锚点则在左下角（0，0）。

在cocos2dx中物体的旋转等动作都是围绕锚点进行的。锚点不同，决定着物体的位置不同。描述起来比较抽象，用几张图瞬间就可以明白了。



1、设置layer的坐标位置为屏幕的中心vec2（0.5,0.5）

 

auto layer = LayerColor::create(Color4B(255, 0, 0, 255));//RGBA 颜色数据（红）

layer->setContentSize(CCSizeMake(80, 80));//设置大小

layer->setPosition(Vec2(origin.x + visibleSize.width/2,origin.y + visibleSize.height/2));//设置坐标

layer->setAnchorPoint(Vec2(0.5,0.5));//设置锚点(0.5,0.5)居中

addChild(layer);//添加到场景并设置绘制层的顺序

 

学习笔记9：图2.png

学习笔记9：图3.png

 

从图中我们可以看出来，我们设置的代码是layer的锚点是居中，而运行显示的则是锚点在左下角（0，0）位置。这是什么情况呢？

原来是因为Layer比较特殊，它默认忽略锚点。所以要调用ignoreAnchorPointForPosition()接口来改变锚点。

学习笔记9：图4.png

因为ignoreAnchorPointForPosition()默认为true参数，忽略锚点。我们要将参数改为false，为不忽略锚点，这样锚点才会在layer有效果。

学习笔记9：图5.png

这样锚点就在layer层中心点了，如果用精灵来代替层的话这不需要设置ignoreAnchorPointForPosition()函数，直接设置锚点即可。


1、设置layer的坐标位置为屏幕的中心vec2（0.5,0.5）

 

auto layer = LayerColor::create(Color4B(255, 0, 0, 255));//RGBA 颜色数据（红）

layer->setContentSize(CCSizeMake(80, 80));//设置大小

layer->setPosition(Vec2(origin.x + visibleSize.width/2,origin.y + visibleSize.height/2));//设置坐标

layer->setAnchorPoint(Vec2(0.5,0.5));//设置锚点(0.5,0.5)居中

addChild(layer);//添加到场景并设置绘制层的顺序

 

学习笔记9：图2.png

学习笔记9：图3.png

 

从图中我们可以看出来，我们设置的代码是layer的锚点是居中，而运行显示的则是锚点在左下角（0，0）位置。这是什么情况呢？

原来是因为Layer比较特殊，它默认忽略锚点。所以要调用ignoreAnchorPointForPosition()接口来改变锚点。

学习笔记9：图4.png

因为ignoreAnchorPointForPosition()默认为true参数，忽略锚点。我们要将参数改为false，为不忽略锚点，这样锚点才会在layer有效果。

学习笔记9：图5.png

这样锚点就在layer层中心点了，如果用精灵来代替层的话这不需要设置ignoreAnchorPointForPosition()函数，直接设置锚点即可。

Cocos2d-x从入门到精通第11课《锚点概念的理解》
wocacaaa的专栏
09-06 1988
Cocos2d-x锚点讲解
cocos2dx 锚点和坐标点，看我这篇就行
qq_43429123的博客
09-10 440
cocos2dx 锚点和坐标点，看我这篇就行@TOC cocos2dx 锚点和坐标点 坐标点和锚点确定图片（地图）在窗口的位置，给一个坐标点，给出锚点，锚点就是决定将图片的那个点放在坐标点上。（我这么理解的） 图例 0 1 就是0-100% vec(0.5,0.5)就是 图片 x50%，y50%的点重合在setposition点上。 map->setPosition(visiblesize/2);//就是窗口中心点==（415，415） vec(1,0)就是 图片的 x100%,y 0的 点重合
cocos2dx 中Layer的锚点
yangcm1974的专栏
12-30 1103
cocos2dx 中Layer的锚点与Sprite是不一样的。默认情况下，Layer的锚点总是（0，0），如果想让Layer的锚点起作用，则需要先调用Layer的如下 ignoreAnchorPointForPosition(false)；这样，就可以通过Layer的锚点改变其位置了。
二、Cocos2dx-游戏开发中不同的坐标系，cocos2dx锚点
jishublog
09-06 287
本文由qinning199原创，转载请注明：http://www.cocos2dx.net/?p=11 注：ccp是cocos2dx中的一个宏定义，表示坐标信息 一、笛卡尔坐标系 你可能在学校的几何学上已经知道笛卡尔坐标系。如果你忘记了，下面的图片可以让你回忆一下： 有3中类型的坐标系在游戏开发中你会用的到。 1）UI坐标系： 一般用于iso、android、windows s...
Cocos2dx开发之锚点实例讲解
weixin_34205826的博客
05-23 181
Cocos2dx开发之锚点实例讲解写在前面—— 如果转载请注明出处，谢谢大家支持 同步更新51CTO博客——Forward我的微博——龙颜硕锚点概念由于我们在使用Cocos2dx进行开发时，一般都是在场景中加载精灵来实现的，而精灵上挂载的往往都不是一个点而是一张图片资源，那么我们在场景中设置这个精灵的位置时，对这张资源图片来说是应该把这张图片资源中的哪个点与我们...
cocos2d-x anchor point 锚点解析
luxiaoyu_sdc的专栏
04-23 1558
anchor point 究竟是怎么回事？ 之所以造成不容易理解的是因为我们平时看待一个图片是 以图片的中心点 这一个维度来决定图片的位置的。而在cocos2d中决定一个 图片的位置是由两个维度 一个是 position  另外一个是anchor point。只要我们搞清楚他们的关系，自然就迎刃而解。 默认情况下，anchor point在图片的中心位置(0.5, 0.5),取值在0
cocos2dx 中锚点
djvc的专栏
11-08 860
说在前面：以下是基于cocos2d-2.0-x-2.0.3作的总结 问题 在cocos2d示例代码HelloCpp中，为什么要将CCMenu设置位置到CCPointZero，即使CCMenu的锚点是在(0.5, 0.5)? 回答 这是因为CCMenu没有使用锚点进行坐标定位，而是使用的坐标原点。也就是说，CCMenu的坐标原点放到了其父节点的坐标原点。 延伸 不
cocos2D—X锚点概念
南风古
12-03 613
cocos2D—X锚点概念锚点：是一个节点的中心点，确定精灵自己在父节点的加载位置。 设置不同的锚点，加载结果也会不同。一般来说常用的锚点有哪些呢？如下图红色圈所表示的——左下角、左上角、右上角、右下角，在Cocos2dx中默认使用的锚点坐标是四边形的几何中心点。 在Cocos2dx中，我们可以使用setAnchorPoint这个接口来设置锚点，参数是一个cocos2d：： Point类
cocos2dx_lua开发笔记
01-02
【cocos2dx_lua开发笔记】是一篇个人实践总结，主要涵盖了使用cocos2dx_lua进行游戏开发的一些关键点，包括图层创建、WebView的使用、动态布局进度条的实现以及骨骼动画的操作方法。以下是对这些知识点的详细解析： ...
Cocos Creator TableView.ts 翻译 Cocos2dx cc.TableView
10-03
之前一直做Cocos2dx开发的TableView用得比较多，自己也扩展了一些功能，新公司用的Creator，所以翻译了个ts版本的，核心代码和函数名与cocos2dx的一致。 例子：...
cocos2dx 锚点
davidsu33的专栏
08-09 2434
cocos2dx中经常会用到节点的旋转，一旦涉及到物体的旋转则会涉及到旋转所相对的中心点的位置，对于CCNode而言，其提供了设置锚点的接口，用来设置锚点的相对位置。 见CCNode源代码中CCNode.cpp /// anchorPoint getter const CCPoint& CCNode::getAnchorPoint() { return m_obAnchorPoint;
cocos2dx ---- 锚点
tangguowu1573的专栏
12-10 420
1. 概念 锚点：指定了贴图上的哪一点（锚点所在位置）与所要设置的位置的点（position(x,y)）重合的点。 Notes: 只有在使用贴图的情况下，锚点才有意义 2. 例子 打开链接1 打开链接2
Cocos2dx学习笔记（3）——锚点
qqingpp1128的博客
08-05 1030
新博客地址：http://fantasticmiao.cn/ 什么是锚点     当我们插入一张图片时，我们需要调整它的位置。假如一张空白的画布是背景，那么当我们插入一张图片时，我们如何确定图片的位置呢？图片可以看做一个精灵，也就是一个节点。那么对于一个节点的位置很好判断，那就是以背景画布建立坐标系。一般来说，父节点的坐标原点默认为（0，0）,也就是说，对于一个960*640的游戏窗口，左下
cocos2d-x中的锚点(AnchorPoint)理解
杨志钦的个人博客
10-28 2288
锚点的定义      锚点是指节点在进行形状变换、位置变动时依据的基准点。可以想象为钉在墙上用于固定纸张的小图钉，或者公告栏上用于固定纸张用的围棋状的小磁粒。当对某个节点调用setPosition时，cocos2d-x即会将其锚点移动到相应位置；当对节点进行rotate操作时，节点也是以锚点所在位置为轴心进行旋转的。具体的定义看CCNode.h中的setAnchorPoint说明：     *
cocos2dx之锚点
专注，努力，勤奋
12-19 1717
本来想图文并茂的，但是公司电脑不给了，我给个链接也是一样的，我也是参考的，我要贴出的例子也是链接的例子差不多，这样可以有助于理解锚点： 点击打开链接
cocos2d-x AnchorPoint锚点
song_hui_xiang
04-14 1486
锚点是定位和变换操作的一个重点。锚点我们可以看成用一根图钉将一张纸或者相片钉在墙上的那个点。 节点的位置是由我们设置的position和anchor point一起决定的。 值得一提的是，anchor point的默认位置Layer的是左下，而其他的node是中点。 节点的原点是父节点的左下角。 [cpp] view plaincopy
cocos2dx 锚点的位置设置
GeorgeWang
03-02 3507
关于cocos2dx 锚点的位置setAnchorPoint的取值范围0～1，距离设置的是一张图片setAnchorPoint(Point(0,0))表示在图片左下角,setAnchorPoint(Point(1,1))表示在图片右上角setAnchorPoint(Point(0.5,0,5))表示在图片的中心点setAnchorPoint(Point(0,1))表示在图片的左上角setAnchor
Cocos2dx 3.0rc版本分辨率自适应设置详解
通过上述内容，我们可以总结出实现Cocos2dx 3.0rc版本下分辨率自适应需要考虑的几个方面：视口设置、资源适配、自动布局和锚点应用、Director类的投影模式选择、以及场景与层的适配。开发者在进行适配的过程中，需要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值